标签: cross-browser

如何使用JavaScript将属性添加/更新到HTML元素？

我正在尝试找到一种使用JavaScript添加/更新属性的方法.我知道我可以用setAttribute()功能来做,但这在IE中不起作用.

html javascript cross-browser

dev*_*per

2015 02-02

123
推荐指数

4
解决办法

31万
查看次数

Flexbox和Internet Explorer 11(显示:flex in <html>？)

我打算放弃"浮动"布局,并将css flexbox用于未来的项目.我很高兴看到他们当前版本中的所有主流浏览器似乎都支持(以这种或那种方式)flexbox.

我前往"由Flexbox解决" http://philipwalton.github.io/solved-by-flexbox/demos/sticky-footer/来查看一些示例.然而,"粘性页脚"示例似乎在IE11中不起作用.我打了一下周围,并得到它通过增加工作display:flex的<html>和width:100%在<body>

所以我的第一个问题是:有人可以向我解释这个逻辑吗？我只是摆弄它并且它工作,但我不太明白为什么它的工作方式...

然后有"媒体对象"示例适用于所有浏览器,除了 - 你猜对了 - IE.我也在摆弄它,但没有成功.

因此,我的第二个问题是:在IE中使用"媒体对象"示例是否有"干净"的可能性？

html css cross-browser flexbox

Kod*_*kan

2019 07-06

106
推荐指数

3
解决办法

22万
查看次数

如何检测同一文件的输入类型=文件"更改"？

我想在用户选择文件时触发事件..change如果用户每次都更改文件,则对事件执行此操作.

但是如果用户再次选择相同的文件,我想激活该事件.

用户选择文件A.jpg(事件触发)
用户选择文件B.jpg(事件触发)
用户选择文件B.jpg(事件不会触发,我希望它触发)

我该怎么做？

html jquery events cross-browser

Gad*_*ski

2010 11-06

105
推荐指数

11
解决办法

8万
查看次数

contenteditable,在文本末尾设置插入符号(跨浏览器)

Chrome中的输出:

<div id="content" contenteditable="true" style="border:1px solid #000;width:500px;height:40px;">
    hey
    <div>what's up?</div>
<div>
<button id="insert_caret"></button>

Run Code Online (Sandbox Code Playgroud)

我相信FF看起来像这样:

hey
<br />
what's up?

Run Code Online (Sandbox Code Playgroud)

在IE中:

hey
<p>what's up?</p>

Run Code Online (Sandbox Code Playgroud)

不幸的是,没有很好的方法来制作它,以便每个浏览器插入一个<br />而不是div或p-tag,或者至少我在网上找不到任何东西.

无论如何,我现在要做的是,当我按下按钮时,我希望将插入符号设置在文本的末尾,所以它应该看起来像这样:

hey
what's up?|

Run Code Online (Sandbox Code Playgroud)

任何方式这样做,所以它适用于所有浏览器？

例:

$(document).ready(function()
{
    $('#insert_caret').click(function()
    {
        var ele = $('#content');
        var length = ele.html().length;

        ele.focus();

        //set caret -> end pos
     }
 }

Run Code Online (Sandbox Code Playgroud)

html javascript cross-browser caret contenteditable

作者

2015 03-29

104
推荐指数

3
解决办法

5万
查看次数

浏览器支持以双斜杠开头的URL

我最近看到一些没有协议的链接.它似乎并不太难理解 - 我认为这是一个好主意,非常直观.

对于那些不知道的人,使用类似URL的URL //example.com/script.js将指向http://example.com/script.js或者https://example.com/script.js取决于URL是否来自http或https URL.例如,包含来自https页面的http脚本或图像可能是一个安全问题,因此这解决了这一问题,而无需在代码中进行协议检测.

我的问题是,它有什么样的浏览器/操作系统支持？在生产中使用是否安全？这肯定会让事情变得容易一些.

简单的例子和测试:http: //codetester.org/916c6916

编辑:只是一个跟进,我已经使用这个为我公司的广告服务器生产许多东西,现在几年没有问题.

browser url cross-browser

dtb*_*rne

2015 01-07

104
推荐指数

1
解决办法

2万
查看次数

使用IE中不起作用的元素的初始宽度

我有一个图形插件,<table>可以在其容器中插入画布和图例.在这个插件table中没有width定义,在我的CSS中,我的插件插入了容器内的表的宽度.

所以,新的div继承table{ width: 100%}自CSS并呈现错误.

我尝试使用width: initial;,在Chrome上看起来不错,但IE不喜欢它 ^{检查浏览器兼容性}

我承认在脚本/插件中更改/强制内联CSS,因为它必须在任何环境中工作.

这里最好的解决方案是什么？

css internet-explorer cross-browser width

Rik*_*ard

2016 01-20

104
推荐指数

2
解决办法

6万
查看次数

用于文件上传按钮的跨浏览器自定义样式

我正在尝试根据个人喜好设置文件上传按钮的样式,但如果没有JS,我找不到任何真正可行的方法.我确实找到了关于这个主题的另外两个问题,但那里的答案要么涉及JavaScript,要么建议采用Quirksmode的方法.

这个Quirksmode方法的主要问题是文件按钮仍然具有浏览器定义的尺寸,因此它不会自动调整为用作放置在它下面的按钮的任何东西.我已经制作了一些基于它的代码,但它只占用了文件按钮通常占用的空间,所以它根本不会像我想要的那样填充父div.

HTML:

<div class="myLabel">
    <input type="file"/>
    <span>My Label</span>
</div>

Run Code Online (Sandbox Code Playgroud)

CSS:

.myLabel {
    position: relative;
}
.myLabel input {
    position: absolute;
    z-index: 2;
    opacity: 0;
    width: 100%;
    height: 100%;
}

Run Code Online (Sandbox Code Playgroud)

这个小提示演示了这种方法是如何存在严重缺陷的.在Chrome中,单击!!下面的第二个演示按钮将打开文件对话框,但在所有其他浏览器中,文件按钮不会占用按钮的正确区域.

有没有更坚实的方式来设置文件上传按钮的样式,没有任何JavaScript,并且最好使用尽可能少的"hacky"编码(因为黑客通常带来其他问题,例如小提琴中的那些)？

html css file-io cross-browser

Joe*_*e50

2017 05-23

104
推荐指数

3
解决办法

15万
查看次数

我可以在同一台计算机上运行多个版本的Google Chrome吗？(Mac或Windows)

这个神话般的答案表明,无法在一台机器上运行多个版本的谷歌浏览器.

每隔一段时间你就会得到一个网站用户卡在旧版本的Chrome上(不知道如何,但它发生了 - 也许他们安装了独立版本？)有问题,你需要能够验证它.没有他们的浏览器版本就有点难以做到这一点.

有谁知道有没有办法做到这一点？即

获取旧版Google Chrome的安装程序(Google似乎对版本保持非常安静,这对用户来说非常好,对于试图支持旧版本的开发人员来说不那么好)
在一台计算机上运行两个版本的Google Chrome

testing google-chrome cross-browser

Pau*_*ite

2017 05-23

102
推荐指数

7
解决办法

13万
查看次数

禁用JavaScript的浏览器统计信息

我很难收集有关禁用JavaScript浏览的网络用户百分比的公开可用统计信息.

雅虎已经发布了2010年的数据,而Rid Reid则发布了2009年的数据(从他有权访问过的网站中选取).

当时雅虎的调查结果非常有趣:

我们采用了访问日志和信标数据(之前包含在页面中)的组合,并过滤掉了所有自动请求,为我们留下了一组我们可以确认的请求是由实际用户发送的.这些数据完全是匿名的,这使我们很好地了解了几个国家的流量模式.

在对这些数字进行处理后,我们发现一致的JavaScript禁用请求率约为实际访问者流量的1%,其中美国的最高比率约为2%,巴西的最低比率约为0.25%.所有其他测试国家的数字都接近1.3%.