safari

1、url授权 https://blog.csdn.net/sqz635262108/article/details/79208798 2、支付页面的路由必须是授权域名下的直属路由 3、ios手机端在微信浏览器上只会记录首次进入的页面的额url,所以再调微信支付时导致域名不对，支付失败 解决办法： 原因： vue-router无论是hash模式还是历史模式在ios微信浏览器中进入哪个页面复制链接或选择safari打开都是第一次进入的那个页面解决方式： 在需要复制链接或选择safari打开的页面中，去created（）方法中执行replace（）重定向操作。 created () { let _href = window.location.href if (_href.indexOf('?replace=1') <= -1) { window.location.replace(_href + '?replace=1') } this.getCardInfo() }, 我一开始曾在 window.location.replace(_href + '/?replace=1') 加了一个 / 然后就报错了 原因是浏览器会以为/下面是一个文件夹呢，就会有问题 在路由拦截里处理办法 来源： oschina 链接： https://my.oschina.net/u/3608045/blog

1、各浏览器下 scrollTop的差异 IE6/7/8： 对于没有doctype声明的页面里可以使用 document.body.scrollTop 来获取 scrollTop高度 ； 对于有doctype声明的页面则可以使用 document.documentElement.scrollTop ； Safari: safari 比较特别，有自己获取scrollTop的函数 ： window.pageYOffset ； Firefox: 火狐等等相对标准些的浏览器就省心多了，直接用 document.documentElement.scrollTop ； 2、 获取scrollTop值 完美的获取scrollTop 赋值短语 ： var scrollTop = document.documentElement.scrollTop || window.pageYOffset ||document.body.scrollTop; 通过这句赋值就能在任何情况下获得scrollTop 值。 仔细观察这句赋值，你发现啥了没？？ 没错， 就是 window.pageYOffset (Safari) 被放置在 || 的中间位置。 因为当 数字0 与 undefine 进行 或运算时，系统默认返回最后一个值。即或运算中 0 == undefine ; 当页面滚动条刚好在最顶端

一、border-image的兼容性 border-image可以说是CSS3中的一员大将，将来一定会大放光彩，其应用潜力真的是非常的惊人。可惜目前支持的浏览器有限，仅Firefox3.5，chrome浏览器，Safari3+支持border-image。所以，就本文而言，IE浏览器可以回家休息了，Firefox3及其以下以及Opera浏览器也可以休息去看《阿凡达》了。所以，本文提供的一些demo页面，要在Firefox3.5+，chrome或Safari3+浏览器下才可以看到效果。 二、熟悉border-image的一些特性 我们可能对于CSS2中的background属性比较熟悉，例如： background:url(xx.jpg) 27px no-repeat; 指代的是图片(url(xx.jpg))，位置(27px)，重复性(no-repeat)。 border-image于此类似，border-image包括图片，剪裁位置（与background位置一样，也是数值，也支持百分值），重复性。例如： border-image:url(border.png) 27 repeat; ，指的就是图片(url(border.png))，剪裁位置(27)，重复方式(repeat)。试着对比background，这有助于border-image属性的记忆。 具体描述border

开发小程序的时候，遇到一个小bug，开发中使用到了 border-image 给view设置边框图如下图 使用的是base64字符直接添加 border: none; border-bottom: 5rpx solid #E6E6E6; border-image: url('data:image/png;base64......') 100% 0% round; 当时是直接这种方式添加，在开发者工具和安卓机上是正常的，但是在ip6和ipx上发现view的上下边都会有这个边框，估计其他iOS设备也一样 按照设想是只设置了下边框，其他边框设置了none，就不会显示才会，后来调试发现设置border-image-slice为25% 及以上时，就会出现上边框，不然就不会出现，猜测可能是这方面的原因，然后修改为 border-image: url('data:image/png;base64......') 0% 0% 100% 0% round; 显示正常 测试了下，在pc端Chrome浏览器没有这个现象，Safari浏览器有这个情况 来源： oschina 链接： https://my.oschina.net/u/3300735/blog/2254138

本文是小编给大家收藏的JavaScript 中频度最高的 10 种错误，我们会告诉你什么原因导致了这些错误，以及如何防止这些错误发生。写的十分的全面细致，具有一定的参考价值，对此有需要的朋友可以参考学习下。如有不足之处，欢迎批评指正。 为了回馈我们的开发者社区，我们查看了数千个项目的数据库，发现了 JavaScript 中频度最高的 10 种错误。我们会告诉你什么原因导致了这些错误，以及如何防止这些错误发生。如果你能够避免落入这些 “陷阱”，你将会成为一个更好的开发者。 数据才是王道，我们收集并分析了出现频次排前 10 的 JavaScript 错误。 Rollbar 会收集每个项目的所有错误，并总结每个错误发生的次数。我们通过根据 “指纹”对错误进行分组。基本上，如果第二个错误只是第一个错误的重复，我们会把两个错误分到同一组。这会给用户一个很好的概括，而不是像在日志文件中看到的那样直接一大堆让人感觉到十分压迫的 dump。 我们专注于最有可能影响您和您的用户的错误。为此，我们通过研究各种不同公司的项目集来对于错误进行排列。如果我们只查看每个错误发生的总次数，那么客户量大的的项目产生的错误可能会压倒其他错误，导致实际收集到的是与大多数读者无关的错误数据集。 以下是 JavaScript 错误 Top 10： 为了便于阅读，我们将每个错误描述都缩短了。接下来，让我们深入到每一个错误

User-Agent的详细信息： PC端： safari 5.1 – MAC User-Agent:Mozilla/5.0 (Macintosh; U; Intel Mac OS X 10_6_8; en-us) AppleWebKit/534.50 (KHTML, like Gecko) Version/5.1 Safari/534.50 safari 5.1 – Windows User-Agent:Mozilla/5.0 (Windows; U; Windows NT 6.1; en-us) AppleWebKit/534.50 (KHTML, like Gecko) Version/5.1 Safari/534.50 IE 9.0 User-Agent:Mozilla/5.0 (compatible; MSIE 9.0; Windows NT 6.1; Trident/5.0; IE 8.0 User-Agent:Mozilla/4.0 (compatible; MSIE 8.0; Windows NT 6.0; Trident/4.0) IE 7.0 User-Agent:Mozilla/4.0 (compatible; MSIE 7.0; Windows NT 6.0) IE 6.0 User-Agent: Mozilla/4.0 (compatible; MSIE 6

Date.parse()方法当无法解析的时候会返回NAN,YYYY-MM-DD HH:MM:SS格式无法解析，需要转换成YYYY/MM/DD HH:MM:SS格式。在firefox和chrome中可以直接支持Date.parse(YYYY-MM-DD HH:MM:SS)，但是safari无法支持， var date = new Date(Date.parse(expireDate.replace(/-/g, "/"))); 来源： oschina 链接： https://my.oschina.net/u/3312137/blog/3056384

简单的说，User-Agent 就是一个描述用户所使用的浏览器身份的一个标识，每当你访问一个网页的时候，浏览器会将这一串标识一起发送给目标网页，告诉目标网页你所使用的浏览器身份，包括浏览器种类、版本、操作系统等等信息。而网页服务器端也可以根据浏览器发来的身份信息，来判定你使用的浏览器，从而返回不同的网友。 这就是你使用手机访问 Google 会自动跳转到移动版本，使用 iPhone/Android/Opera-Mini 访问七度苹果会自动显示一个专门为移动设备优化的网页的原因。 其实在电脑上，浏览器的 User-Agent 都是可以伪装的，比如你可以将电脑上的 Safari 伪装成 Firefox，或者伪装成 iPhone 上的移动版 Safari，这一方法对于网页开发者尤其适用，比如在部署移动版本的时候，就可以直接在电脑上检测网页在移动设备上的显示是否正常。 修改 Mac 版 Safari 的 User-Agent 启动 Safari 浏览器 进入 Safari 偏好设置（可以按快捷键 command+,或者从菜单中进入） 在偏好设置中，点击“高级”选项卡； 勾选『在菜单栏显示“开发”菜单』前面的复选框； 经过上面的操作之后，你就可以看到菜单栏多出了一个“开发”菜单，点击“开发”菜单——用户代理，直接选择你想要伪装的浏览器就可以了，如果这个列表中的都不符合您要求的话，直接选择

虽然没有能力开发Native App，但还是可以利用iOS中Safari浏览器的特性小小的折腾一下，做一个伪Web App满足下小小的虚荣心的。 既然是在iOS中的Safari折腾的，那么代码中利用到的也基本上都是Safari的私有属性。 添加图标到主屏幕是Web App的第一步： <link rel="apple-touch-icon-precomposed" sizes="57x57" href="icon-57.png"> <link rel="apple-touch-icon-precomposed" sizes="72x72" href="icon-72.png"> <link rel="apple-touch-icon-precomposed" sizes="114x114" href="icon-114.png"> <link rel="apple-touch-icon-precomposed" sizes="144x144" href="icon-144.png"> 添加图标到屏幕里的有两种属性值apple-touch-icon和apple-touch-icon-precomposed，区别就在于是否会应用iOS中自动给图标添加的那层高光。 由于iPhone以及iPad都有两种分辨率的设备存在，图标的尺寸就需要做4个：144×144(iPad Retina)、72

做了一个公司内部人使用的项目,公司申请了企业开发者账号.现将企业开发者账号发布app的过成总结如下: 1.生成 Certificate Signing Request (CSR)文件 2. 2 请求Certificate证书 3.打包IPA,发布应用 　　1 Certificate Signing Request (CSR)文件 　　在Mac系统中进入“钥匙串访问”，选择“钥匙串访问”-“证书助理”-“从证书颁发机构请求证书…”，如图1所示： 　　—>填写前两项，并选择“存储到磁盘”，如图2所示： 　　 2 请求Certificate证书 　　登录 https://developer.apple.com —>MemberCenter—>Certificates, Indentifiers & Profiles—>Certificates，如图3所示： 　　—>在图4页面，点击右上角加号，添加一个证书： 　　—>选择In-House and Ad Hoc，点继续，如图5所示： 　　—>如图6：Choose File选择第1步的CSR文件上传，点击generate生成cer证书，下载后双击安转（需要输入Mac的密码） 　　 3 App ID 　　 点击右上角的加号按钮，如图7所示： 　　—>有两项需要填（如图8所示），name为描述可以随便填写