safari 浏览器版本升级后提示“此网页出现问题，已重新载入网页” 解决办法 - 小鬼豆
safari 浏览器版本升级后提示“此网页出现问题，已重新载入网页” 解决办法 safari回退条件版本回退的前提是关闭电脑的SIP机制，命令行 csrutil status 检测状态。Mac os 10....
Understanding Safari Reader
Interesting enough to find out the Reader function in Safari is actually Javascript and there are many interesting stuff from the 2000 line code:* 5 m...
vue-cli使用swiper4在ie以及safari报错
通过vue-cli构建的项目，通过npm run swiper --save-dev安装的是swiper4版本的插件，但是这样安装以后在谷歌火狐等浏览器都可以正常运行，但是在safari浏览器（可能是版本太低）还有ie（9,10,11）打开会报错，页面空白，报的错是SyntaxError: Use ...
IOS的Safari浏览器中，点击事件失效的原理及解决办法
这里做了事件委托，简单区分一下【目标元素】和【代理元素】，为后续论述理解做铺垫。【目标元素】：实际希望点击的元素，可以是任意标签。【代理元素】：代替【目标元素】触发点击事件的元素，有可能是目标元素的父级元素，document,body等。一、现象当使用事件委托给【目标元素】添加 click 事件时，...
Safari on iOS 7 中Element.getClientRects的Bug
在Safari浏览器中，DOMElement和Range对象都提供了getBoundingClientRect方法和getClientRects方法。顾名思义，getBoundingClientRect就是获取一个DOMElement或者Range对象的最外围的包围矩形的基于视口左上角的坐标，返回对...
js复制内容到剪切板，兼容pc和手机端，支持Safari浏览器
最近，一些项目中用到监听用户复制。剪切的操作。案例1、在PC端，当用户获得一个京东卡的使用券，当用户使用ctrl + C复制得到的使用券时，将使用券的代号复制到粘贴板，以便于用户ctrl+v进行粘贴。案例2：在移动端（android 和 iOS端），用户获得邀请码之后，可以使用一键复制的功能，将邀请...
BX2001: IE 支持使用 window.clipboardData 访问系统剪贴板，Chrome 和 Safari 中存在类似的 Clipboard 对象但尚未实现，Firefox 和 Opera 不支持这类对象
http://www.w3help.org/zh-cn/causes/BX2001标准参考无问题描述IE 支持使用 window.clipboardData 对象内的一系列方法访问系统剪贴板；Chrome 和 Safari 中存在类似的 Clipboard 对象，且有与 IE 中类似的方法，但其功能...
100% width CSS 在 iPad / iPhone Safari 背景被截断 / 显示不全
Tips: 调试 iPad 或 iPhone 可在设置中启动调试模式，在 Mac 中的 Safari 浏览器 同样开启开发者模式后，进行联机调试。功能彪悍。最近在做一个页面时，发现在 iPad 的 Safari 浏览器中背景显示不全，定位到该 div 后发现所指定 css 的宽度为 100% ；到百...
ios safari 标签发送到桌面自定义图标方法
iphone 修改safari 发送到桌面图标试了几次，总结如下：1.全屏方法<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no, m...
如何删除textarea的移动版Safari的阴影?
如何删除textarea的移动版Safari的阴影?在iphone的Safari上运行网页，textarea无法使用box-shadow样式，而且顶部有内阴影，如何清除？添加评论 分享赞同1反对，不会显示你的姓名知乎用户，浑身难受！梁灏 赞同谢邀。关于去除那个 inner shadow，加一条 cs...
Safari中的new Date()格式化坑
今天在测试的时候发现，在Chrome中的如下代码：new Date("2014-03-09");在Safari中报错invalid date。经过查阅资料找到类似的问答：stackOverflow地址：http://stackoverflow.com/questions/4310953/invali...
如何禁止 iPhone Safari video标签视频自动全屏？
最近做一个移动端微信页面项目，在微信页面中有视频播放，但是需要禁止IOS的自动全屏播放（前提必须使用video标签）。如：<video id="post" autoplay loop preload="auto"><source src="foo.mp4" type="video/...
【译】怎样处理 Safari 移动端对图片资源的限制
原文作者：Thijs van der Vossen本文翻译自《How to work around the Mobile Safari image resource limit》，原文写于2010年10月25日。可能部分限制已经不再适用。翻译本文的目的是作为《读Zepto源码之assets模块》的附...
safari 在 iPad Portrait 模式默认设置980px宽度
最近在做网站兼容性时发现 safari 在 iPad Portrait 模式，默认为html、body标签设置了980px宽度，导致页面被纵向截断，解决方法为在页面head区插入以下代码即可完美解决。<meta content="width=1210, initial-scale=0.5,ta...
解决html5 audio iphone,ipd，safari不能自动播放问题
html audio 在iPhone，ipd,safari浏览器不能播放是有原因滴(在safri on ios里面明确指出等待用户的交互动作后才能播放media，也就是说如果你没有得到用户的action就播放的话就会被safri拦截)找了很多资料都没有解决，不过最终在国外网站通过翻译解决问题，希望...
javascript解决在safari浏览器中使用history.back()返回上一页后页面不会刷新的问题
我们知道，在JavaScript中提供了一个window.history.back()方法用于返回上一页，另外也可以使用window.history.go(-1)返回上一页（跳转）。在其他的主流浏览器中（Chrome、Firefox等），使用这两个方法都会重新执行返回页面的JS。这就意味着，当文档加...
图片水平垂直居中（兼容IE6，IE7，firefox，opera，safari，其中图片可以是任何块元素）
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://...
safari的调试工具
safari的调试工具默认是没有打开的设置——》偏好设置——》高级———》在菜单栏中显示开发菜单
input在ios safari中的内阴影解决方法
最近发现 input和textarea 在ios的safari浏览器里显示时，会默认有内阴影，如下图 解决方法：input,textarea { -webkit-appearance: none;}-webkit-appearance: none;兼容性：...
js实现可兼容IE、FF、Chrome、Opera及Safari的音乐播放器
代码如下：/** 音乐播放器* @param obj 播放器id* @param file 音频文件 mp3: ogg:* @param loop 是否循环*/function audioplayer(id, file, loop){ var audioplayer = document.g...