window.opener.location.href适用于IE,但不适用于Chrome或Safari_这适用于Chrome,但不适用于IE,为什么？_PHP |下载PDF文件，适用于Chrome，但不适用于Safari - 腾讯云开发者社区

IE5.5+ 下返回空字符串 Chrome3.0+，Firefox3.5，Opera9.6，Safari3.2.2均正常返回来源网页 window.open方式打开新窗口示例： <a href=...javascript:alert(document.referrer) 测试结果： IE5.5+ 下返回空字符串 Chrome3.0+，Firefox3.5，Opera9.6，Safari3.2.2...// Safari和Chrome下window.opener.location没有任何属性 referrer = window.opener.location.href;...已测试： Maxthon2.5.2，Firefox的FireGesture插件，Chrome3.0+，Opera9.6，Safari3.2。...Chrome3.0和Safari3.2是一样的，都是会丢失Referrer信息。 Opera则和Firefox一样，Referrer的值都是来源网页的地址。

4.1K2 0

属性async和defer的区别

表示应该立即下载脚本，但不应妨碍页面中的其他操作，比如下载其他资源或等待加载其他脚本。只对外部脚本文件有效。 defer：可选。表示脚本可以延迟到文档完全被解析和显示之后再执行。...IE4～IE7 还支持对嵌入脚本的 defer 属性，但IE8 及之后版本则完全支持 HTML5 规定的行为。...IE4、Firefox 3.5、Safari 5 和 Chrome 是最早支持 defer 属性的浏览器。其他浏览器会忽略这个属性，像平常一样处理脚本。为此，把延迟脚本放在页面底部仍然是最佳选择。...异步脚本一定会在页面的 load 事件前执行，但可能会在 DOMContentLoaded 事件触发之前或之后执行。...支持异步脚本的浏览器有 Firefox 3.6、Safari 5 和 Chrome。

7602 0

您找到你想要的搜索结果了吗？

是的

没有找到

pointer-events用法

1.4K3 0

HTML5学习笔记(一)

、Chrome、Firefox 以及 Opera 支持某些 HTML5 特性。...Theora 视频编码和 Vorbis 音频编码的 Ogg 文件(Firefox, Opera, Opera支持);MPEG4 = 带有 H.264 视频编码和 AAC 音频编码的 MPEG 4 文件(IE..., Chrome, Safari支持);WebM = 带有 VP8 视频编码和 Vorbis 音频编码的 WebM 文件(Firefox, Opera, Opera支持)....2.audio(音频) 支持的音频格式有:Ogg Vorbis:(Firefox 3.5 ,Opera 10.5,Opera 10.5 支持);MP3:(IE 9,Chrome 3.0,Safari...注释：autofocus 属性适用于所有标签的类型。 form 属性 form 属性规定输入域所属的一个或多个表单。

1.5K5 0

【说站】css中hack是什么

因为不同的厂商或浏览器的不同版本(如IE6-IE11,Firefox/Safari/Opera/Chrome等)，对CSS的支持、解析并不相同，导致在不同浏览器环境下呈现不一致的页面展示效果。...实例只适用于IE浏览器的条件Hack，其它浏览器将其视为注释，IE10及以上的浏览器不支持这种方法。请更换不是IE的浏览器当前浏览器为IE6 当前浏览器为IE8 当前浏览器版本低于IE9 当前浏览器版本小于等于IE9 当前浏览器版本大于IE6 <!

4671 0

利用CSS设置图片黑白灰色效果

Chrome内核的浏览器只需要一行属性代码即可： filter: grayscale(100%); HTML部分代码： <img ...网上说的其中的 filter: gray; 就是兼容IE的，不过我试着好像不行，可以使用第二种方法。 2、利用 grayscale.js 实现图片的灰度效果。方法很简单： a....js 文件引入下载链接：点击下载 grayscale.js 在 script 标签内添加一行： grayscale(document.getElementById("g"));//通过ID调用或DOM...在Opera 9，FF2 / 3，Safari 4，IE6 / 7中测试可用。...它可能不适用于Safari 4和Chrome，因为它们不支持 CanvasContext.getImageData（因为图像不能灰度化）。实现原理：IE浏览器下是添加灰度滤镜，这个大家都懂的。

8K0 0

完美的背景图全屏css代码 – background-size:cover?

cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } 这段样式适用于以下浏览器...Safari 3+ Chrome IE 9+ Opera 10+ (Opera 9.5 支持background-size属性但是不支持cover) Firefox 3.6+ 这里你会发现ie8及以下版本不支持... (max-width: 1024px) { img.bg { left: 50%; margin-left: -512px; } } 兼容以下浏览器以下浏览器的所有版本: Safari.../ Chrome / Opera / Firefox IE9+ IE 7/8: 平铺效果支持，但是在小于1024px的屏幕下居中效果失效下面再说一种方法 JQ模拟的方法 html部分 <img src.../ Chrome / Opera / Firefox IE7+ 其实我自己一般用的是（因为够用了，咱不挑/其实上面的都是俺翻译过来的） html部分 css

6.6K4 0

鼠标滚轮事件介绍

简介　　IE6实现了鼠标滚轮事件mousewheel，这个事件包含了一个鼠标事件所没有的属性，wheelDelta，这个属性值始终是120的倍数，而且向上滑动一单位，wheelDelta值为120，...向下为-120.随后Chrome，Opera， Safari等也都实现了该事件。...chrome31+，Firefox 17+，IE9+，Safari 7.0.5以及新版使用webkit内核的Opera，使用Carakan内核的Opera 并不支持该事件。...综上，目前wheel事件的兼容性其实并不理想，mousewheel的兼容性最佳，适用于除Firefox外的所有浏览器，对于 Firefox则单独做兼容处理。...window.opera && window.opera.version() < 10){ 22 e.delta = parseInt(-wheelDelta) / 120; // safari

3K6 0

再谈BOM和DOM(5):各个大流浪器DOM和BOM里面的那些坑—兼容性

问题一：Firefox，Chrome、Safari和IE9都是通过非标准事件的pageX和pageY属性来获取web页面的鼠标位置的。...offsetX:IE特有，chrome也支持。...getComputedStyle(obj , false ) 是支持 w3c (FF12、chrome 14、safari)：在FF新版本中只需要第一个参数，即操作对象，第二个参数写“false”也是大家通用的写法...if (invalid) { cancelEvent(evt) } } 确定浏览器窗口的尺寸对于主流浏览器来说，比如IE9、Firefox，Chrome和Safari，支持名为innerWidth...12、Chrome 以及 Safari 5 支持拖放为了使元素可拖动，需把 draggable 属性设置为 true ： | 事件 | 描述

9634 0

HTML5新增的标签与属性

一、关于DTD HTML5 不基于 SGML，所以不需要引用 DTD（HTML 4.01 基于 SGML）二、HTML5结构标签标记定义一个页面或一个区域的头部标记定义导航链接... 标记定义一个对话框(会话框)类似微信标记定义一个页面或一个区域的底部 ?...三、HTML5多媒体标签 video（视频）兼容性： safari支持mp4、不支持webm和ogv ie8（包含）以下都不支持 video 标签 ie9 支持 video 标签（但只支持 mp4...muted> audio（音频）兼容性： safari支持mp3和wav、不支持ogg JS中new Audia() 等同于 html 上加一个标签 chrome...Menu 命令列表（目前所有主流浏览器都不支持） menu命令列表标签（只有FireFox8.0+支持） menu标记定义一个命令按钮（只有IE9

1.5K1 0

CSS3与动画有关的属性transition、animation、transform对比

Internet Explorer 9 支持替代的 -ms-transform 属性（仅适用于 2D 转换）。...Safari 和 Chrome 支持替代的 -webkit-transform 属性（3D 和 2D 转换）。 Opera 只支持 2D 转换。...transform:rotate(7deg); -ms-transform:rotate(7deg); /* IE 9 */ -moz-transform:rotate(7deg); /...* Firefox */ -webkit-transform:rotate(7deg); /* Safari 和 Chrome */ -o-transform:rotate(7deg); /*...Safari 和 Chrome 支持替代的 -webkit-animation 属性。注释：Internet Explorer 9 以及更早的版本不支持 animation 属性。

1.1K6 0

HTML音频操作

HTML5 在浏览器中播放音频如视频播放一样，在HTML5出现之前我们要想在浏览器中播放音频，没有一个官方浏览器遵循的播放标准（也就是没有提供一个可以专门来处理音频的HTML标签），我们依然需要使用适用于各种浏览器的音频播放插件才可以...Internet Explorer 9+、Firefox、Opera、Chrome 和 Safari 都支持标签（Internet Explorer 8 及更早IE版本不支持标签），具体如下表所示：音频格式 IE 9 Firefox 3.5 Opera 10.5 Chrome 3.0 Safari 3.0 MIME-type Ogg √ √ √ audio/ogg...您的浏览器不支持HTML5 Audio 标签，无法播放此音频在上面的其他例子中我们只是使用一个 Ogg 音频文件格式，这种格式目前只兼容 Firefox、Opera 以及 Chrome...要想兼容 Safari 浏览器，音频文件必须是 MP3 或 Wav 类型。audio 标签允许包含多个 source 标签。source 标签可以链接不同的音频文件格式。

2.1K3 0

-webkit-border-radius和-moz-border-radius

这两个都是处理圆角效果的，但不是w3标准的。...w3标准的是border-radius， -webkit-border-radius 是为了兼容 chrome 或 safari， -moz-border-radius 是为了兼容火狐，而现在火狐支持标准的...内核分类： Trident ： IE内核 Gecko：Firefox内核，Netscape内核 Presto：Oprea前内核（现已废弃，改用Blink内核） Webkit：Safari内核，Chrome...内核原型 Blink：Chrome（28及以后版本）/Opera（15及以后版本）一些国内浏览器他们的内核搜狗浏览器：兼容模式（IE：Trident）和高速模式（webkit）傲游浏览器：兼容模式...（IE：Trident）和高速模式（webkit） QQ浏览器：普通模式（IE：Trident）和极速模式（webkit） 360极速浏览器：基于谷歌（Chromium）和IE内核 360安全浏览器

6832 0

10 种 JavaScript 最常见的错误

当你读取一个未定义的对象的属性或调用其方法时，这个错误会在 Chrome 中出现。您可以很容易的在 Chrome 开发者控制台中进行测试。 ?...我们来看一个在真实应用程序中发生的例子：我们选择 React，但该情况也同样适用于 Angular、Vue 或任何其他框架。...2、 TypeError: ‘undefined’ is not an object 这是在 Safari 中读取属性或调用未定义对象上的方法时发生的错误。...您可以在 Safari Developer Console 中轻松测试。这与第一点中提到的 Chrome 的错误基本相同，但 Safari 使用了不同的错误消息提示语。 ?...3、 TypeError: null is not an object 这是在 Safari 中读取属性或调用空对象上的方法时发生的错误。

8.6K2 0

Debug的那些事儿

我们的企业系统主要兼容IE，是为国家电网做的财务审批系统。...如果你开发Node.js程序，纯粹的Chrome dev tool虽然不是首选，但不得不说Node.js的发展初期，Chrome dev tool给了Node.js调试的能力，而现在我可能更愿意用IDE...像我们如果要调试真机里的Hybrid程序，Chrome提高了USB连接调试的选项，而Safari一直都有，不过我常用到的是在模拟器+Safari的调试能力。...说这么多，眼下Chrome dev tool用好，对于提高开发效率，捕获性能，是最佳的帮手，看见没有，IE的调试工具，依然很少打开。这，你感谢的不是Chrome dev tool而是Web开发标准。...这几年浏览器厂商，越来越愿意根据标准来实现具体的API或内容，为了更好的以后，我相信，我们最终需要的可能就是用好一款调试工具即可。

5052 0

Adobe Flash Player 未能正常运行问题「建议收藏」

按照另一篇文章的做法4，我们可以查看浏览器启用的 flash 插件的路径：即在浏览器的地址栏输入：chrome://version/ 然后回车。...---- – 解决方法注：不同的情况下使用的Flash内核插件是不同的： ActiveX：适用于Windows 7、Vista、XP系统IE内核浏览器、本地视频、游戏客户端 NPAPI：适用于FireFox...（火狐）、Safari（苹果）、Opera （欧朋，12.17版以下）bai PPAPI：适用于Chromium浏览器、Opera （欧朋，15.00版以上）情况一：浏览器插件为了避免麻烦，我们可以安装一个新版本的...方法 2：重新安装 Windows 操作系统，但不应用此更新。...”及 error#2046 ↩︎ 必要的系统组件未能正常运行请修复Adobe Flash Player ↩︎ 升级最新版了，Adobe Flash Player老弹立即修复 ↩︎ chrome

3.5K2 0

web前端面试中10个关于css高频面试题,你都会吗?

IE6+, Safari4, Chrome3, Opera10 word-wrap 自动换行 IE6+, FF 3.5, Safari 4, Chrome 3 border-radius 圆角边框 FF...3+, Safari 4 , Chrome 3 opacity 不透明度 all box-sizing 控制盒模型的组成模式 FF3+, Opera 10, Safari 4, Chrome 3 outline...外边框 FF3+, safari 4, chrome 3, opera 10 background-size 不指定背景图片的尺寸 safari 4, chrome 3, opera 10 background-origin...指定背景图片从哪里开始显示 safari 4, chrome 3, FF 3+ background-clip 指定背景图片从什么位置开始裁切 safari 4, chrome 3 rgba 基于r,...:auto;可以清除浮动，另外在 IE6 中还需要触发 hasLayout ，例如为父元素设置容器宽高或设置zoom:1。

2.8K2 0

兼容性测试工具分享

IETester可以在独立的标签页中开启IE5.5、IE6、IE7，IE8 ，IE9，IE10，IE11这7个不同版本的IE，原则上支持WIN8 desktop，WIN7，XP和Vista操作系统。...注意事项： 1）Windows 8 desktop, Windows 7, Windows Vista 或Windows XP 至少安装IE7(Windows XP/IE6 的配置会有很多问题，并且在XP...-4794-B7FC-FB293BCC98FB/SuperPreviewIE_en.exe 工具介绍： SuperPreview是微软官方出品的一款网页开发调试利器，类似于IETester的产品，主要适用于网页设计开发人员...SuperPreview可以让你设计制作好的网页在IE不同版本以及Chrome、FireFox和Safari浏览器呈现效果，而且还提供像firebug或者是微软的开发者工具一样的功能，对于调试页面将会非常有力...使用地址：http://browsershots.org/ Browser Sandbox 工具介绍：这是一个在线运行浏览器的网站，支持Chrome, Firefox, IE, and Opera所有已发布的或者是公测的版本

3.7K8 0

移动开发实用

以下是历史原因，来源其他人的分享： 2007年苹果发布首款iphone上IOS系统搭载的safari为了将适用于PC端上大屏幕的网页能比较好的展示在手机端上，使用了双击缩放 (double tap to...select::-ms-expand { display: none; } 禁用 radio 和 checkbox 默认样式 ::-ms-check 适用于表单复选框或单选按钮默认图标的修改，同样有多个属性值...*Safari)/), safari = webview || ua.match(/Version\/([\d.]+)([^S](Safari)|[^M]*(Mobile)[^S]*(Safari...= ie[1] if (safari && (osx || os.ios || win)) { browser.safari = true if (!...|| (chrome && ua.match(/CriOS\/([\d.]+)/)) || (firefox && ua.match(/Mobile/)) || (ie && ua.match

6.5K3 0

Safari浏览器正在杀死Web

苹果的 Safari 浏览器在支持 Web 功能方面远远落后于其他竞争对手，这种落后到底达没达到当初 IE 的“高度”仍有争议，但不少人已经把 Safari 视为 IE“精神”留下的现实映射。...换句话说，无论选择 Safari 还是 Chrome，iPhone 用户们实际上使用的都是 Safari/WebKit 这对弱智组合。...而 Firefox 与 Safari，它们放弃了自有 API，转而接纳 Chrome 的 API。这相当于允许谷歌凭一己之力塑造 Web 扩展标准。”...Blink 开发者会在 Chrome 当中以开发者标记的形式发布这些新功能。这已经成为一种共识和习惯，再要辩论或调整恐怕已经非常困难。...我倒不是说苹果的动机就真有多高尚，但他们对 Safari 的坚持至少还能逼迫谷歌在统一 Web 标准流程的霸业上放缓脚步……但苹果方面也得做出改变，否则 Safari 有可能步 IE 的后尘。

1K2 0

点击加载更多

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云

Document.Referrer丢失的几个原因

属性async和defer的区别

pointer-events用法

HTML5学习笔记(一)

【说站】css中hack是什么

利用CSS设置图片黑白灰色效果

完美的背景图全屏css代码 – background-size:cover?

鼠标滚轮事件介绍

再谈BOM和DOM(5):各个大流浪器DOM和BOM里面的那些坑—兼容性

HTML5新增的标签与属性

CSS3与动画有关的属性transition、animation、transform对比

HTML音频操作

-webkit-border-radius和-moz-border-radius

10 种 JavaScript 最常见的错误

Debug的那些事儿

Adobe Flash Player 未能正常运行问题「建议收藏」

web前端面试中10个关于css高频面试题,你都会吗?

兼容性测试工具分享

移动开发实用

Safari浏览器正在杀死Web

扫码

相关资讯

热门标签

活动推荐

运营活动

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐