我创建了一个网站，根据用户是使用桌面设备还是移动设备显示不同的源代码。
在Chrome桌面，我可以很容易地查看任何网站的桌面版本的源代码，只需右键单击网站上的任何地方，然后选择"查看页面源代码"。
在Chrome桌面，有一种方式，我可以查看一个网站的移动版本的源代码?我知道，在开发人员工具中，我可以使用移动模拟器查看网站，并且可以检查呈现给移动浏览器的元素。但是，我还没有弄清楚如何查看呈现给移动浏览器的原始源代码。
查看手机版的原始源代码。在开发人员工具窗口的Network选项卡上，选择检索感兴趣页面的请求。
在右窗格中，激活Response选项卡。
您可以查看https://developers.google.com/web/tools/chrome-devtools/debug/remote-debugging/remote-debugging?hl=en
基本上你把你的手机连接到你的pc/mac，你可以使用你的桌面chrome浏览器来检查你用你的手机渲染的页面，甚至从那里控制它。
我还没能找到一个可靠的解决方案，所以只是在终端使用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