我创建了一个网站，根据用户使用的是桌面设备还是移动设备，显示不同的源代码。
在桌面版Chrome中，只需右键点击网站上的任意位置，然后选择“查看网页来源”，即可轻松查看任何网站桌面版的源代码。
在桌面版Chrome中，有没有办法可以查看网站移动版的源代码？我知道在开发人员工具中我可以使用移动模拟器查看网站，我可以检查呈现给移动浏览器的元素。但是，我还没有想出如何查看呈现给移动浏览器的原始源代码。
答案 0 :(得分：1)
基本上，您将手机连接到PC / mac，并且可以使用桌面镶边来检查使用手机渲染的页面，甚至可以从那里控制它。
答案 1 :(得分：0)
我一直无法找到可靠的解决方案，因此最终只能在终端中使用curl：
curl -H "user-agent: Mozilla/5.0 (iPhone; CPU iPhone OS 11_0 like Mac OS X) AppleWebKit/604.1.38 (KHTML, like Gecko) Version/11.0 Mobile/15A372 Safari/604.1" https://url/to/inspect
为方便起见，可以将其另存为简单的bash脚本fetch-mob-src.sh：
#!/bin/bash
user_agent="Mozilla/5.0 (iPhone; CPU iPhone OS 11_0 like Mac OS X) AppleWebKit/604.1.38 (KHTML, like Gecko) Version/11.0 Mobile/15A372 Safari/604.1"
curl -XGET -H "user-agent: $user_agent" $1
例如./fetch-mob-src.sh https://url/to/inspect
答案 2 :(得分：0)
查看移动版本的原始源。在开发人员工具窗口的“网络”选项卡上，选择“请求检索感兴趣的页面”。
在右窗格中，激活“响应”选项卡。原始源位于“响应有效负载”窗口中。