Questions tagged «cross-browser»

跨浏览器开发是指构建网站,Web应用程序,库或组件,以使其在不同的Web浏览器和呈现引擎中起作用的实践。

4
浏览器的HTML元素的默认CSS
在哪里可以找到浏览器的HTML元素默认CSS? 许多HTML元素都带有一些默认的CSS属性,这些属性有时可能会导致未知/有害的行为。例如,输入框在不同浏览器中的显示方式有所不同。我正在寻找一个涵盖新CSS3属性和新HTML5元素的地方。 我在其他(较旧的)问题(例如浏览器的默认CSS样式表)中也看到了答案,这些问题提出了CSS重置的解决方案。有时不需要这种解决方案,通常我实际上想保留一些基本属性(例如在Chrome中突出显示输入框)。换句话说:我不想仅仅因为我不知道它们在做什么而摆脱它们。 那么,有没有一个网站可以为我提供所有(或也许大多数)这些信息?
146 html  css  cross-browser 

12
在PHP中检测浏览器语言
我使用以下PHP脚本作为网站索引。 该脚本应包括一个特定页面,具体取决于浏览器的语言(自动检测到)。 该脚本无法在所有浏览器上正常运行,因此它始终包含index_en.php用于所有检测到的语言的(问题的原因很可能是未考虑某些Accept-Language标头的问题)。 您能否建议我一个更强大的解决方案? <?php // Open session var session_start(); // views: 1 = first visit; >1 = second visit // Detect language from user agent browser function lixlpixel_get_env_var($Var) { if(empty($GLOBALS[$Var])) { $GLOBALS[$Var]=(!empty($GLOBALS['_SERVER'][$Var]))? $GLOBALS['_SERVER'][$Var] : (!empty($GLOBALS['HTTP_SERVER_VARS'][$Var])) ? $GLOBALS['HTTP_SERVER_VARS'][$Var]:''; } } function lixlpixel_detect_lang() { // Detect HTTP_ACCEPT_LANGUAGE & HTTP_USER_AGENT. lixlpixel_get_env_var('HTTP_ACCEPT_LANGUAGE'); lixlpixel_get_env_var('HTTP_USER_AGENT'); …

9
Javascript切换与if ... else if ... else
伙计们,我有几个问题: switch语句和an 之间在JavaScript中是否存在性能差异if...else? 如果可以,为什么? 是的行为switch和if...else跨浏览器的不同?(FireFox,IE,Chrome,Opera,Safari) 提出这个问题的原因是,switch在Firefox中大约有1000多个案例的情况下,我似乎获得了更好的性能。 编辑 Unfortuantly这不是我的代码JavaScript是正在生产服务器端从编译的库,我要的代码的访问权限。产生javascript的方法称为 CreateConditionals(string name, string arrayofvalues, string arrayofActions) note arrayofvalues是用逗号分隔的列表。 它产生的是 function [name] (value) { if (value == [value from array index x]) { [action from array index x] } } 注意:其中[name]=传递给服务器端函数的名称 现在,我更改了要插入TextArea的函数的输出,编写了一些JavaScript代码以解析该函数​​,然后将其转换为一组case语句。 最后,我运行了该函数,并且运行良好,但是在IE和Firefox中性能有所不同。

3
跨浏览器测试:一台计算机上的所有主要浏览器
本指南的目的: 在一台计算机上并排运行Internet Explorer, Safari,Opera,Chrome和Firefox的多个未修改的本机版本。 在第1部分中介绍: 目录 哪些浏览器必须进行测试? 如何创建可以快速启动且永不过期的Windows XP VM? 在哪里可以下载必要的软件(VM映像,浏览器等)? 在第2部分中也有介绍: IE,Firefox,Opera,Chrome和Safari的安装和配置指南。 开发人员工具和快捷方式。 时间和磁盘空间成本。 许多部分是独立的。例如,有关运行多个版本的浏览器的说明通常适用。

6
在Internet Explorer中修复JavaScript数组函数(indexOf,forEach等)
关闭。此问题不符合堆栈溢出准则。它当前不接受答案。 想改善这个问题吗?更新问题,使其成为Stack Overflow 的主题。 3年前关闭。 改善这个问题 至于详细的其他地方,否则显然是众所周知的,IE浏览器(版本绝对7,并在某些情况下,版本8)不落实的关键功能,特别是Array(如forEach,indexOf等)。 这里到处都有许多变通办法,但是我想将一组适当的规范的实现折叠到我们的网站中,而不是复制粘贴或修改我们自己的实现。我发现js-methods看起来很有前途,但是我想在这里发表文章,看看是否有另一个高度推荐的库。几个其他标准: 对于那些浏览器已经具有实现功能的功能,该库应该是js-methods无能为力的(在这里看起来做得很好)。 请使用非GPL,尽管LGPL是可以接受的。

8
如何在IE11中恢复“浏览器模式”?
更新:原来的问题仅适用于IE11预览;IE11的最终版本已返回浏览器模式。但是有一个陷阱:它几乎没有用,因为它不模仿条件注释。例如,如果使用它们在旧版IE中启用HTML5支持,则将不再能够在IE11中调试站点。 <!--[if lte IE 8]> <script src="html5shiv.js"></script> <![endif]--> 阅读另一个StackOverflow问题和IE Bug跟踪器问题。Microsoft从未对此做出回应,因此他们似乎是故意引入了此错误,以引导人们购买BrowserStack订阅。在预览版中,条件注释仿真效果很好。 原始问题:在Windows 7上安装IE11预览版时,它附带了老式的F12工具,该工具可以更改浏览器模式。 但是,如果转到“工具”菜单并选择“ F12”开发人员工具,它将被新的开发人员工具替换,并且“浏览器模式”不再可用。 恢复它的唯一方法是卸载IE11并重新安装它。 在IE11中,是否有更简单的方法在浏览器模式之间切换?

5
在A标签上设置宽度和高度
是否可以在锚标签上设置像素的宽度和高度?我希望锚标签具有背景图像,同时将文本保留在锚内。 li { width: 32px; height: 32px; background-color: orange; } li a { width: 32px; height: 32px; background-color: red; } <li><a href="#">Something</a></li> 运行代码段隐藏结果展开摘要
131 html  css  cross-browser 

18
如何检测同一文件的输入类型=文件“更改”?
我想在用户选择文件时触发一个事件。.change如果用户每次都更改文件,则事件将起作用。 但是,如果用户再次选择相同的文件,我想触发该事件。 用户选择文件A.jpg(事件触发) 用户选择文件B.jpg(事件触发) 用户选择文件B.jpg(事件不触发,我希望它触发) 我该怎么做?


5
Flexbox和Internet Explorer 11(在<html>中显示:flex?)
我正计划摆脱“浮夸”的布局,而将CSS flexbox用于将来的项目。我很高兴看到当前版本中的所有主要浏览器似乎都(以一种或另一种方式)支持flexbox。 我前往“ Solved by Flexbox”看一些例子。然而,“置顶页脚”的例子似乎并没有在Internet Explorer 11.我的工作起到了一下周围,并把它加了工作display:flex的&lt;html&gt;和width:100%在&lt;body&gt; 所以我的第一个问题是:有人可以向我解释这种逻辑吗?我只是摆弄它,它起作用了,但是我不太明白为什么它那样起作用... 然后是“媒体对象”示例,该示例适用于所有浏览器,但Internet Explorer除外(您猜对了)。我也随便摆弄,但没有成功。 因此,我的第二个问题是:是否有“干净的”可能性让Internet Explorer中的“媒体对象”示例正常工作?

4
内容可编辑,在文本末尾设置插入符号(跨浏览器)
在Chrome中输出: &lt;div id="content" contenteditable="true" style="border:1px solid #000;width:500px;height:40px;"&gt; hey &lt;div&gt;what's up?&lt;/div&gt; &lt;div&gt; &lt;button id="insert_caret"&gt;&lt;/button&gt; 我相信在FF中它将看起来像这样: hey &lt;br /&gt; what's up? 并在IE中: hey &lt;p&gt;what's up?&lt;/p&gt; 不幸的是,没有一种很好的方法来使每个浏览器都插入一个&lt;br /&gt;而不是div标签或p标签,或者至少我在网上找不到任何东西。 无论如何,我现在想做的是,当我按下按钮时,我希望将插入符号设置在文本的末尾,因此它应该看起来像这样: hey what's up?| 有什么办法可以使其在所有浏览器中正常工作? 例: $(document).ready(function() { $('#insert_caret').click(function() { var ele = $('#content'); var length = ele.html().length; ele.focus(); //set caret -&gt; end pos } …

11
我可以在同一台计算机上运行多个版本的Google Chrome吗?(Mac或Windows)
这个神话般的答案表明,无法在一台计算机上运行多个版本的Google Chrome。 时不时地,您会遇到网站用户陷入旧版本的Chrome(不知道如何运行,但是会发生的情况-也许他们安装了独立版本?)的问题,并且您需要进行验证。如果没有他们的浏览器版本,很难做到这一点。 有谁知道是否真的有办法做到这一点?即 获取旧版Google Chrome的安装程序(Google似乎对版本保持沉默,这对用户非常有用,而对试图支持旧版本的开发人员而言则不太理想) 在一台计算机上运行两个版本的Google Chrome

2
将初始宽度用于元素在IE中不起作用
我有一个图形插件,&lt;table&gt;可以在其容器中插入画布和图例。在这个插件table中没有width定义,在我的CSS中,插入我的插件的那个容器内的表有一个宽度。 因此,新的div table{ width: 100%}从CSS 继承并呈现错误。 我尝试使用width: initial;,在Chrome上看起来不错,但IE不喜欢它 检查浏览器的兼容性 我承认在脚本/插件中更改/强制使用内联CSS,因为它必须在任何环境中都能工作。 最好的解决方案是什么?

2
浏览器对以双斜杠开头的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 编辑:这是我几年来一直在将我的公司的广告服务器用于生产中的许多事情的一个后续步骤,而没有发生任何问题。

6
禁用JavaScript的浏览器统计信息[关闭]
关闭。此问题不符合堆栈溢出准则。它当前不接受答案。 想改善这个问题吗?更新问题,使其成为Stack Overflow 的主题。 3年前关闭。 改善这个问题 我很难收集关于禁用JavaScript进行浏览的Web用户所占百分比的公开统计数据。 雅虎已经从2010年公布的数据和R.里德公布的从2009年的数据(从网站上挑选他进入)。 雅虎当时的发现相当有趣: 我们结合了访问日志和信标数据(之前已包含在页面中),并过滤掉了所有自动请求,为我们提供了一组可以确认是由实际用户发送的请求。此数据完全是匿名的,使我们很好地了解了多个国家/地区的流量模式。 在对数据进行整理之后,我们发现禁用JavaScript的请求的持续速率徘徊在实际访问者流量的1%左右,其中最高的比例在美国约为2%,最低的比例在巴西约为0.25%。接受测试的所有其他国家/地区的数字非常接近1.3%。 这是到目前为止我能找到的。但是由于这些数据越来越老,我想知道今天的百分比是多少。 我还查看了Statcounter,它似乎是唯一一家仍然公开发布浏览器统计信息的公司。但是他们不发布有关JavaScript的数据。我知道W3schools也会发布统计信息,但由于目标是针对开发人员,因此此数据有很大的偏见,因此对我而言并不有趣。(必须代表普通用户)。 因此,我请您提供: 链接到任何涉及此领域的开放,免费提供的统计信息 您自己的统计信息,最好是来自大型网站的目标受众

By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.