标签: cross-browser

重新审视"text-decoration"和":after"伪元素

我重新问这个问题,因为它的答案在我的案例中不起作用.

在我的打印媒体样式表中,我想在使用:after伪类的每个链接后附加url .

a:after {
    content: " <" attr(href) ">";
    text-decoration: none;
    color: #000000;
}
Run Code Online (Sandbox Code Playgroud)

在Firefox(可能是Chrome但不是IE8)中,text-decoration: none被忽略,并且下划线在URL的底部没有吸引力.该color然而,正确设置为黑色的网址.有没有办法让text-decoration工作?

原来的问题所附固定大小的图像,而不是可变宽度的文本.它的答案使用填充和背景图像,以避免使用文本修饰属性.当内容是可变宽度文本时,我仍在寻找解决方案.

css cross-browser pseudo-element

49
推荐指数
6
解决办法
3万
查看次数

如何知道在Firefox中是否单击了刷新按钮或浏览器后退按钮

如何知道在firefox中是单击刷新按钮还是单击浏览器后退按钮...对于这两个事件onbeforeunload()方法都是回调.对于IE我正在这样处理:

function CallbackFunction(event) {
    if (window.event) {
        if (window.event.clientX < 40 && window.event.clientY < 0) {
            alert("back button is clicked");
        }else{
            alert("refresh button is clicked");
        }
    }else{
        // want some condition here so that I can differentiate between
        // whether refresh button is clicked or back button is clicked.
    }
}

<body onbeforeunload="CallbackFunction();"> 
Run Code Online (Sandbox Code Playgroud)

但在Firefox中,event.clientXevent.clientY 始终为0.还有其他方法可以找到它吗?

javascript browser cross-browser dom-events

49
推荐指数
3
解决办法
15万
查看次数

浏览器支持哪些图形文件格式?

JPEG,GIF和PNG可以使用img标签显示,并且可以在所有浏览器中使用,对象元素可以用于显示指定其MIME类型的图像,但是在大多数浏览器中img或object标签支持的其他图形格式没有安装插件吗?(TIF,SVG,PCX,PICT等..)

cross-browser image-formats

48
推荐指数
1
解决办法
6万
查看次数

我可以用PHP检测IE6吗?

有没有办法使用PHP来检测是否使用IE6加载页面?

php cross-browser internet-explorer-6

48
推荐指数
6
解决办法
4万
查看次数

window.focus()无法在Google Chrome中使用

只是想知道谷歌Chrome是否会window.focus()在某些时候支持.当我的意思是支持时,我的意思是让它发挥作用.对它的调用不会失败,它只是没有做任何事情.所有其他主流浏览器都没有这个问题:FireFox,IE6-IE8和Safari.

我有一个用于管理浏览器窗口的客户端类.当我第一次创建一个窗口时,窗口就会聚焦,但随后将焦点带到窗口的尝试不起作用.

据我所知,这似乎是一个安全功能,以避免恼人的弹出窗口,它似乎不是一个WebKit问题,因为它在Safari中工作.

我知道有人提出的一个想法是关闭窗户然后重新打开它,但这是一个可怕的解决方案.谷歌搜索表明,我似乎并不是唯一一个对此感到沮丧的人.

只是要100%清楚,我的意思是新窗口,而不是标签(标签不能从我读过的内容中聚焦),所有打开的窗口都在同一个域中.

除了我上面提到的坏事之外,还有什么想法,解决方法吗?

Chromium项目中记录了一个关于此问题的错误,请在此处查看.感谢发布Rich.

MyCompany = { UI: {} }; // Put this here if you want to test the code. I create these namespaces elsewhere in code.

MyCompany.UI.Window = new function() {
    // Private fields
    var that = this;
    var windowHandles = {};

    // Public Members
    this.windowExists = function(windowTarget) {
        return windowTarget && windowHandles[windowTarget] && !windowHandles[windowTarget].closed;
    }

    this.open = function(url, windowTarget, windowProperties) {
        // See if we have a window …
Run Code Online (Sandbox Code Playgroud)

javascript google-chrome cross-browser dom-events

46
推荐指数
4
解决办法
8万
查看次数

如何使用JavaScript隐藏选择选项?(跨浏览器)

这应该工作:

$('option').hide(); // hide options
Run Code Online (Sandbox Code Playgroud)

它适用于Firefox,但不适用于Chrome(可能不在IE中,未经过测试).

一个更有趣的例子:

<select>
    <option class="hide">Hide me</option>
    <option>visible option</option>
</select>
<script type="text/javascript">
// try to hide the first option
$('option.hide').hide();

// to select the first visible option
$('option:visible').first().attr('selected', 'selected');
</script>
Run Code Online (Sandbox Code Playgroud)

或者参见http://jsfiddle.net/TGxUf/上的示例

是从DOM分离选项元素的唯一选择吗?我需要稍后再次展示它们,所以这不会很有效.

javascript jquery cross-browser

46
推荐指数
8
解决办法
12万
查看次数

如果我已经在使用Modernizr,那么我甚至需要HTML5 Shiv吗?

1)如果我已经在使用Modernizr,那么我是否需要HTML5 Shiv才能为IE启用HTML5标签支持?

2)HTML5 Shiv仅适用于IE,还是所有没有本机HTML 5支持的浏览器?像旧版本的Firefox,Safari,Chrome等?

javascript html5 cross-browser css3 modernizr

46
推荐指数
1
解决办法
2万
查看次数

IE8和Firefox中的event.toElement?

我注意到在Chrome和IE9中,对于onmouseout事件,有一个event.toElement属性(所以你可以确定鼠标现在指向哪个元素).

我在Firefox中找不到类似的属性.

不幸的是我无法使用jQuery来处理这些事件,我必须使用原生的js.

任何意见,将不胜感激.

javascript dom cross-browser dom-events

46
推荐指数
5
解决办法
2万
查看次数

如何使用javascript从Web服务返回的二进制字符串构建PDF文件

我试图从二进制流构建一个PDF文件,我收到它作为Ajax请求的响应.

通过XmlHttpRequest我收到以下数据:

%PDF-1.4....
.....
....hole data representing the file
....
%% EOF
Run Code Online (Sandbox Code Playgroud)

到目前为止我尝试的是通过嵌入我的数据data:uri.现在,它没有任何问题,它工作正常.不幸的是,它在IE9和Firefox中不起作用.可能的原因可能是FF和IE9在使用时遇到了问题data-uri.

现在,我正在寻找适用于所有浏览器的解决方案.这是我的代码:

// responseText encoding 
pdfText = $.base64.decode($.trim(pdfText));

// Now pdfText contains %PDF-1.4 ...... data...... %%EOF

var winlogicalname = "detailPDF";
var winparams = 'dependent=yes,locationbar=no,scrollbars=yes,menubar=yes,'+
            'resizable,screenX=50,screenY=50,width=850,height=1050';

var htmlText = '<embed width=100% height=100%'
                     + ' type="application/pdf"'
                     + ' src="data:application/pdf,'
                     + escape(pdfText)
                     + '"></embed>'; 

                // Open PDF in new browser window
                var detailWindow = window.open ("", winlogicalname, winparams);
                detailWindow.document.write(htmlText);
                detailWindow.document.close();
Run Code Online (Sandbox Code Playgroud)

正如我所说,它适用于Opera和Chrome(Safari尚未经过测试).使用IE或FF将显示一个空白的新窗口.

是否有任何解决方案,如在文件系统上构建PDF文件,以便让用户下载它?我需要适用于所有浏览器的解决方案,至少在IE,FF,Opera,Chrome和Safari中.

我无权编辑Web服务实现.所以它必须是客户端的解决方案.有任何想法吗?

javascript pdf jquery cross-browser binary-data

46
推荐指数
4
解决办法
9万
查看次数

点击调用html

我想在我的网站上使用html5标签进行移动视图,当用户从移动设备点击此链接时,它会在给定的号码上拨打电话.

<p>Book now, call <a href="tel:01234567890">01234 567 890</a></p>
Run Code Online (Sandbox Code Playgroud)

当用户移动设备是非html5时,我该怎么做才能隐藏此链接..我已经通过了modenizer但似乎它不会检测到链接属性. http://www.tutorialspoint.com/html5/html5_modernizr.htm

有什么建议吗?此按钮仅在我的网站在移动设备上打开时出现,对于移动设备,我想在旧手机中打开时隐藏此链接.

html5 cross-browser modernizr

46
推荐指数
1
解决办法
14万
查看次数