Posts Tagged ‘noscript’
大家都知道FaceBook发明了BigPipe，把页面分为多个PageLet来加载，让服务端运算与客户端加载并行进行，使得页面可交互时间往前提了不少。我这里不谈如何实现BigPipe，而是分析下FaceBook如何处理不支持JavaScript的场景。
对于不支持BP的浏览器，服务端必须一次生成所有HTML，每个模块用到的JS和CSS也需要合并。那怎么让服务器尽早知道客户端不支持JS呢？FaceBook的办法是在BP模式的HTML里加上了NoScript标签和Meta跳转：
<noscript><meta http-equiv="refresh" content="0; URL=/?_fb_noscript=1" /></noscript>
这样，如果用户的浏览器不支持JS，那访问FaceBook的任何一个页面，都会重定向原URL，并带上_fb_noscript=1这个参数。接着，服务端根据这个标记就可以按照非BP模式输出完整的页面。
如果用户访问每一个页面都需要多一次重定向，是不是很浪费时间和带宽呢？确实如此！FaceBook已经考虑到这个问题了：服务端在收到_fb_noscript=1标记时，会给客户端设置noscript=1的Cookie，这样下次请求哪怕没有URL参数标记，服务端也可以根据Cookie标记适配到非BP模式。
但是，如果客户端突然又支持JS了呢？这种情况多半是在测试，理论上继续用非BP模式也没什么问题，但FaceBook还是很厚道的处理了这种情况：在非BP模式的HTML里有这么一段JS：
- (6) Comments
- Tags: noscript, 用户体验
- Entries (RSS)
- PPanda sftp如何同步本地文件夹呢？
- dron 嗯！太有用了，终于完美找回 EditPlus 的感觉了。
- 袁源 还真的是这样。其实挺佩服微软的呀～就是都太不完善了
- 三水清 类似功能可以使用fiddler，http://ming.sinaapp.com/?p=218
- 呆呆 非常感谢~话说我现在想把weinre变成一个服务器，就是我在电脑上修改了，手机上访问可以直接，不知道[...]
- 夜 困扰了我好几天的问题，不过最后还是让我解决了，要早让我看见这个文章该多好啊，那我也不用烦恼那么久了~[...]
- hoowolf 非常感谢你的工作！！！
- welefen 恩，去年我们在新首页导航精准下线的时候也遇到过，当时还做了对用户影响的数据评估和分析。
- 唠叨下 我们这边测试的时候是在刚做完 preload 后的系统上测试的，就跟刚装完操作系统后一样干净。怎么说[...]
- gust 我是在ubuntu11.10环境下
- gust 想用google浏览器的话可以这样 webbrowser.get('/usr/bin/google[...]
- jin 怎么zenCoding的缩写设置呢，类似editplus下的acp配置
- Jerry Qu @Feather，确实Shadow是基于Weinre封装的。在我这里也很慢，因为它连的是http:/[...]
- Feather 谢谢分享，其实Adobe的Shadow产品貌似也是用这个原理来做的，不过shadow封装好，比较方便[...]
- i am bug 感谢屈屈！