第一次访问时,页面显示为空白,但在iOS9的Safari中可选择
Page appearing blank but selectable in Safari on iOS9 on first visit
如果你在iOS9的Safari上访问http://movableink.com/
然后点击http://movableink.com/partners
页眉第一次访问或较慢的连接时,整个页面在safari中呈现空白。
这是一个非常标准的页面。没有特定的代码调用可能会导致这种情况。这是一个带有不同css文件的新页面,它是第一个响应页面。
然而,文本和内容是可选择的(但不是在这里),而且如果我在Safari开发者检查器中检查它,当手机插入mac时,也没有什么值得注意的覆盖页面。
你可能想在私人浏览中查看,你会想先打开主页,然后点击"合作伙伴"。
什么可能导致页面消失的问题?
我可以在我的iOS 9设备上很好地复制这一点,如果有一个广告拦截器(在我的例子中是:Crystal和Lionz)。如果没有这个广告拦截器激活,页面可以顺利加载,没有空白屏幕。
通过使用另一个广告拦截器(例如1Blocker),页面也可以顺利运行。
对我来说,这个问题只与iOS上的某些广告拦截应用有关。
我做了一些测试,它可能只是请求时间问题,由于未优化的服务器代码(如重新生成整个站点堆栈每一个客户端请求),或生成CSS。
第一次加载时始终是700ms,无论移动设备还是桌面设备。Safari将在移动设备上更加敏感,因为它在有url列表后处理的并行资源没有那么多。
如果你正在使用CMS,检查系统内置的优化/缓存解决方案并打开,看看它是否会改变加载时间。
另一种选择是云分布式CDN,如Cloud Flare(基本免费,其他计划更密集)。
相关文章:
- 制作一个不带HTML a标记但在动画播放完毕后指向其他页面的超链接
- jquery代码在Mozilla中有效,但在其他浏览器上无效
- delete在Object上效率低下,但在DOM Element's的数据属性,与null out相比
- 如何将字符串拆分为字符,但在javascript中保留空格
- JavaScript获胜't运行,但在jsFiddle中工作
- 列表样式在IE中未设置为none,但在IE中适用
- 预期响应包含一个对象,但在angular js中得到一个数组错误
- 滚动在Chrome中有效,但在Firefox或IE中无效
- jQuery自动完成在Firefox中运行良好,但在Chrome中则不然
- Javascript的某些部分在Chrome中不起作用,但在其他浏览器中可以完美工作
- appendChild在函数外部工作,但在函数内部不工作
- 像createComment这样的各种自定义变量名在内联javascript中被覆盖,但在外部js中没有.为什么?
- 为什么这个jQuery可以作为一个小提琴工作,但在我的网页上没有
- 在js中访问元素时不透明度和样式未定义,但在css中定义
- JQuery和Javascript没有'在我的项目中不起作用,但在网络上起作用
- 为什么这个按钮在IE中有效,但在Firefox中无效
- 变量在运行时未定义,但在使用调试器时定义
- 如何在javascript中点击按钮重新加载网页,但在重新加载后调用函数
- Joomla模式框弹出代码在文章中有效,但在代码中无效
- 第一次访问时,页面显示为空白,但在iOS9的Safari中可选择