游客发表
按下F12,网页或者右键点“查看源代码”,源代大多数人会直接关掉那个密密麻麻的网页窗口。但如果你用的源代是360浏览器,那个“查看源代码”的网页按钮背后,藏着一套值得琢磨的源代东西。
360浏览器的网页源代码查看功能,默认打开的源代不是浏览器自带的开发者工具,而是网页一个纯文本的代码页。这跟Chrome、源代Firefox直接调出DevTools的网页逻辑不一样——它更像是把HTML文件原封不动地倒出来,白底黑字,源代连语法高亮都省了。网页刚开始用的源代时候,我甚至怀疑自己点错了按钮。网页
但恰恰是这个“简陋”,反而成了它的优势。有一次我帮朋友排查一个网页乱码问题,用Chrome的开发者工具,层层嵌套的DOM树和CSS覆盖规则看得人头晕。换到360的源代码视图,Ctrl+F搜“charset”,一眼就发现meta标签里写的是gb2312,而服务器返回的头是utf-8。那种直接面对原始文本的粗暴感,有时候比智能工具更管用。
当然,360也提供完整的开发者工具,按F12就能调出来,跟Chrome的几乎一模一样。但它的“查看源代码”功能之所以单独存在,我猜是为了照顾那些不熟悉前端的老用户——他们不需要调试JavaScript,也不想看网络请求,只想确认某个关键词是不是硬编码在页面里。这种需求,一个纯文本视图就够了。
有意思的是,360的源代码查看器有个小细节:它默认禁用JavaScript。页面里的动态内容不会被执行,所有脚本都原样显示。这意味着你看到的代码,跟浏览器实际渲染后的DOM可能差很远。比如一个用Vue写的页面,源代码里只有一堆
,真正的数据全靠JS跑出来。这时候光看源代码会误判——但反过来,如果网站用了混淆的JS,你反而能在源代码里直接看到那段加密逻辑,不用等浏览器加载完再打断点。我自己的习惯是,遇到可疑的下载链接,先用360的源代码视图扫一遍。看有没有外链的iframe,有没有隐藏的跳转脚本,比点开链接再后悔强多了。这种场景下,360的“简陋”反而成了安全审查的利器——没有渲染干扰,没有缓存干扰,就是赤裸裸的代码。
话说回来,360的源代码查看器也不是没毛病。它打开大文件时有点卡,10MB以上的HTML就明显迟钝。而且它不会自动换行,长代码行得横向拖滚动条,看久了眼睛累。但考虑到它的定位是“给普通用户一个快速查看源码的入口”,这些缺点倒也能忍。
最后说个反直觉的事:360的源代码查看器,其实是个独立的小程序,不是浏览器内核的一部分。你可以把它的exe文件单独拷出来,放到别的电脑上运行——虽然没试过,但理论上可行。这种“工具化”的设计思路,倒是挺符合360一贯的作风:把复杂功能拆成一个个小工具,各干各的,互不干扰。
所以下次你用360浏览器,别急着骂它的源代码界面丑。多按两下Ctrl+U,说不定能发现一些别的浏览器藏起来的细节。
友情链接