手机如何查看网页源代码|借助插件与浏览器指令完成调取

上周帮同事核对商品隐藏的活动接口，蹲在奶茶店桌边反复琢磨手机如何查看网页源代码，一开始惯性照搬电脑端右键查看源码的思路，在手机自带浏览器里长按页面各处，点出来的只有复制文字、保存图片这类基础选项，来回戳了二十多分钟，页面跳转了三四次，连源码入口的影子都没摸到，随手换了手机自带和另一款常用的移动端浏览器，操作路径全都大同小异，原生环境压根没开放直接调取源码的功能，指尖来回滑动屏幕的时候，一度怀疑移动端本身就锁死了这项权限，甚至想着干脆借笔记本电脑远程打开页面，临时绕开手机操作的限制。

最先踩的弯路，随便下载小众源码查看类小程序。

抱着侥幸心态在应用商店搜相关工具，接连点开三个标注一键解析源码的小程序，打开后要么需要跳转第三方付费页面解锁完整代码，要么加载完只展示页面简化后的文本，样式代码和后台引用的资源全部被剔除，有一个小程序还顺带弹出一堆弹窗广告，来回跳转下载其他软件，折腾半个钟头，到手的内容残缺不全，完全达不到核对接口的需求，本来想着省事靠小程序一键搞定，反倒白白浪费了午后大半空闲时间，反正这类工具宣传的全能解析大多掺水，之后就把这类小程序全部从收藏列表里清掉，不再寄希望于轻量化的小程序工具。

身边玩前端的朋友凑巧发来消息，随口提了移动端浏览器的调试脚本用法，没想着立马实操，先把那段代码链接存进备忘录，等到晚间空闲才慢慢试验。

换用支持自定义书签指令的第三方手机浏览器，先打开需要解析的目标网页，在书签栏目新建一个收藏标签，标签名称随意填写就行，把网上拿到的JS源码查看脚本完整粘贴到书签网址栏，保存完成后，不用改动页面任何内容，直接点击刚刚建好的书签，原本规整的网页瞬间切换成密密麻麻的源代码排版，从页面布局标签到图片引用地址全都完整陈列，唯一需要留意的就是部分网站做了前端加密防护，点击书签后只会弹出空白页面，遇到这类站点就没办法依靠书签脚本读取内容，那段时间接连试了七八个不同网站，半数常规资讯、电商页面都能顺利调出源码，小众加密站点则全部失效，没法通用所有网页，试过微调脚本内容，反复修改两三处字符过后，依旧突破不了站点自带的加密屏障，也就不再在加密页面上浪费多余时间。

还有一种备选路径，浏览器开启桌面UA标识。切换成电脑版网页模式后，部分新版手机浏览器在菜单拓展栏自带查看源码选项，点开就能直达代码页面，只是切换桌面版会改变页面排版，移动端专属的隐藏元素大概率跟着消失，源码内容和原生手机端加载的版本存在出入，用来粗略参考还行，精细核对数据就不太合适，之前用这个方法查过一款生鲜商城页面，切换桌面版后原本藏在移动端的优惠参数直接消失，源码里自然找不到对应字段。

后来偶然发现苹果自带Safari和安卓原生浏览器操作逻辑不一样，Safari需要提前在设置里开启开发者选项，没有预装调试工具的前提下，就算切换桌面视图也找不到源码入口，安卓原生浏览器反而偶尔能在实验室功能里找到简易调试开关，机型系统版本不一样，开关出现的位置也飘忽不定，没有统一固定的查找方位，有的藏在实验室实验功能分区，有的内嵌在网页设置次级菜单里，挨个翻找的效率远不如书签脚本来得快捷。

后续再碰到临时查看源码的需求，基本固定用书签脚本的方式，舍弃小程序和原生浏览器瞎找入口的做法，闲置下来的几款付费工具安装包，一直躺在文件管理里没再点开，偶尔清理存储的时候看到，也只是直接勾选删除，不会再抱有试试看的想法。

睡前收拾手机备忘录，顺手删掉当初存的几个失效小程序链接，屏幕暗下去的时候，没再纠结没搞定的加密站点源码问题。