3

我创建了一个网站，根据用户使用的是桌面设备还是移动设备显示不同的源代码。

在桌面版 Chrome 中，我可以轻松查看任何网站的桌面版源代码，只需在网站上的任意位置单击鼠标右键，然后选择“查看页面源代码”即可。

在桌面版 Chrome 中，有没有办法可以查看移动版网站的源代码？我知道在开发人员工具中，我可以使用移动模拟器查看网站，并且可以检查呈现给移动浏览器的元素。但是，我还没有弄清楚如何查看呈现给移动浏览器的原始源代码。

4

3 回答 3

2

查看移动版本的原始来源。从开发人员工具窗口的网络选项卡上，选择检索感兴趣页面的请求。

在右侧窗格中，激活响应选项卡。原始来源位于响应有效负载窗口中。

于 2019-10-23T08:54:58.177 回答
1

您可以查看https://developers.google.com/web/tools/chrome-devtools/debug/remote-debugging/remote-debugging?hl=en

基本上，您将手机连接到您的 pc/mac，您可以使用桌面 chrome 检查您使用手机呈现的页面，甚至从那里控制它。

于 2016-09-08T22:27:50.117 回答
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

于 2019-07-31T13:28:43.237 回答