使用Chrome 浏览器调试移动端网页 chrome://inspect/#devices

简介: 我使用的手机是三星A9 ,其他安卓手机方式也相同,电脑是win 10 系统。第一步首先打开手机的开发者模式,确保usb调试和通过usb验证应用程序保持打开状态,如图所示:第二步,最好是电脑和安卓手机都连接了谷歌浏览器第三步,打开电脑上的谷歌浏览器,调出控制台,我们点击More tools,再选择在之后的页面中,如图所示选项必须打对勾。

我使用的手机是三星A9 ,其他安卓手机方式也相同,电脑是win 10 系统。

第一步首先打开手机的开发者模式,确保usb调试和通过usb验证应用程序保持打开状态,如图所示:

img_8b0a353ab027803596895736adacd865.png

第二步,最好是电脑和安卓手机都连接了谷歌浏览器

第三步,打开电脑上的谷歌浏览器,调出控制台,

img_bd7760030ccd78181993fd27c8928ed2.png
img_1f9b1debd5e39c4472fa262b5cb45516.png

我们点击More tools,再选择

img_3fd6bdfa92eb81a789ab13eb1b55cbfd.png

在之后的页面中,如图所示选项必须打对勾。

img_4daebdf2e5da6a17ce92f874d75dc447.png

然后用数据线连接电脑和手机,手机就会弹出一个连接提示,你点是就可以了,连接成功就会跟上图中红色箭头标注的一样,出现带绿色小圈的你的手机型号。

第四步,在电脑上的谷歌浏览器输入这个网址chrome://inspect/,就会出现如下图页面

img_26d54034f0b9602a6e3ff05ce80e9864.png

第五步,打开你手机上的谷歌浏览器,输入你想要调试的网页,我一般都是把网页放到我的本地服务器,在手机浏览器上输入我的本地网址,如果是一个百度页面的例子

img_c12f0505529a9588a6885c31d0575f26.png

最后一步,我们点击inspect就可以审查手机页面了,审查方法就跟审查PC网页一样了。

img_4fdcc266d7e1d69a87b4d9248bfb9a8f.png

以上,欢迎大家提供更多更好的想法。

相关文章
|
5天前
|
Web App开发 人工智能 自然语言处理
快速搞定Dify+Chrome MCP:打造能操作网页的AI助手
用Dify+Chrome MCP,3分钟打造能“动手”操作网页的AI助手!无需编程,通过自然语言指令实现自动填表、数据抓取、网页点击等自动化任务。本地部署简单,支持搜索、登录、监控等场景,让AI成为你的7×24小时数字员工,高效处理重复性网页工作。
|
10天前
|
Web App开发 人工智能 自然语言处理
快速掌握Dify+Chrome MCP:打造网页操控AI助手
本文教你如何快速搭建一个能操作浏览器的AI助手:通过Dify和Chrome MCP结合,只需三步配置,即可实现自动填表、数据抓取和网页操控,无需编写代码,用自然语言就能指挥AI完成各类网页任务。
|
10天前
|
Web App开发 人工智能 自然语言处理
快速搞定Dify+Chrome MCP:打造能操作网页的AI助手
本文介绍了如何通过Dify和Chrome MCP在3分钟内打造一个能操作浏览器的AI助手。结合Dify的LLM能力与Chrome MCP的浏览器控制功能,用户可用自然语言指令让AI自动填写表单、抓取数据、点击按钮,实现网页自动化操作。无需复杂编程,适合本地部署,可应用于数据监控、内容抓取等多种场景。
|
5月前
|
人工智能 机器人 开发工具
Amazon Nova Act:网页操作全自动!亚马逊黑科技把浏览器变AI机器人,请假/订餐/写邮件一键搞定
Amazon Nova Act是亚马逊AGI实验室推出的通用AI代理系统,通过原子化分解网页操作任务并配合Playwright实现高可靠性浏览器自动化,其配套SDK支持开发者快速构建智能体应用原型。
266 13
Amazon Nova Act:网页操作全自动!亚马逊黑科技把浏览器变AI机器人,请假/订餐/写邮件一键搞定
|
5月前
|
Web App开发 前端开发 JavaScript
如何模拟浏览器行为获取网页中的隐藏表单数据?
如何模拟浏览器行为获取网页中的隐藏表单数据?
|
8月前
|
Web App开发 人工智能 JSON
AutoMouser:AI Chrome扩展程序,实时跟踪用户的浏览器操作,自动生成自动化操作脚本
AutoMouser是一款Chrome扩展程序,能够实时跟踪用户交互行为,并基于OpenAI的GPT模型自动生成Selenium测试代码,简化自动化测试流程。
527 17
AutoMouser:AI Chrome扩展程序,实时跟踪用户的浏览器操作,自动生成自动化操作脚本
|
6月前
|
Web App开发 人工智能 JavaScript
Nanobrowser:开源版OpenAI Operator!AI自动操控浏览器,复杂网页任务一键搞定
Nanobrowser 是一款开源的 Chrome 扩展工具,基于多智能体系统实现复杂的网页任务自动化,支持多种大型语言模型,完全免费且注重隐私保护。
778 1
|
8月前
|
Web App开发 数据采集 JavaScript
Chrome浏览器实例的TypeScript自动化脚本
Chrome浏览器实例的TypeScript自动化脚本
|
9月前
|
人工智能 API 数据库
Browser Use:开源 AI 浏览器助手,自动完成网页交互任务,支持多标签页管理、视觉识别和内容提取等功能
Browser Use 是一款专为大语言模型设计的智能浏览器工具,支持多标签页管理、视觉识别、内容提取等功能,并能记录和重复执行特定动作,适用于多种应用场景。
2642 0
Browser Use:开源 AI 浏览器助手,自动完成网页交互任务,支持多标签页管理、视觉识别和内容提取等功能
|
10月前
|
Web App开发 人工智能 自然语言处理
WebChat:开源的网页内容增强问答 AI 助手,基于 Chrome 扩展的最佳实践开发,支持自定义 API 和本地大模型
WebChat 是一个基于 Chrome 扩展开发的 AI 助手,能够帮助用户理解和分析当前网页的内容,支持自定义 API 和本地大模型。
826 1