Chrome 浏览器 移动端调试

最新推荐文章于 2022-01-22 13:07:33 发布
最新推荐文章于 2022-01-22 13:07:33 发布
阅读量583 收藏
点赞数 1
分类专栏： 移动端 文章标签： 移动端调试
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_40924034/article/details/103475474
版权 
1. 安装手机USB驱动 (下载360手机助手可以自动安装)
2. 开启手机的USB调试选项
3. 手机连接USB线 浏览器设置 => 工具 => 检查设备(或者输入chrome://inspect/#devices)
4. 点击inspect 进行调试
5. 如果显示白板 翻墙就好了

注： 
	手机上必须是chrome
	PC上 必须 chrome
	手机 PC必须连一个网
辅助辅助助辅
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
chrome-virtual-keyboard：适用于Chrome浏览器的触摸式虚拟键盘
01-31
Google Chrome:trade_mark:虚拟键盘 关于 当用户单击输入框（例如文本框和文本区域）时，用于Google Chrome:trade_mark:的虚拟键盘将自动弹出。 此外，一旦不再需要，键盘将自动消失。 此扩展非常适合触摸屏设备。 该键盘的工作方式类似于iOS / Android / Windows 8触摸虚拟键盘。 有关更多详细信息，请访问： : 已知局限性 出于安全原因，Google Chrome浏览器限制了框架之间的通信。 在跨域iFrame场景中启用键盘的唯一方法是，您需要使用标志来禁用网络安全。 有关更多详细信息，请访问： : 未来版本 计划的功能有： 更好地支持WebComponents，Angular 1、2+和React 添加对HTML ContentEditable的支持 更多键盘布局 更多开发人员选项 重构和文档化 您还可以建议新功能： :
更改谷歌浏览器默认安装位置（超好用！）
01-09
教你如何更改谷歌浏览器的默认的安装路径（亲身经历并领悟后的正确操作！） 前言 谷歌浏览器非常好用，但我们在安装时不免疑问：我都没有选择安装位置，怎么就安装好了？安装后发现是按照在了C盘的用户文件夹里。由于该软件较大，不免占用C盘空间。所以如何修改谷歌chrome浏览器的安装位置呢？ 在安装时，我们无法更改谷歌浏览器下载路径，网上也基本没有自定义安装目录的安装包。我们能做到只是先安装，然后将安装文件移走。 所以教大家如何将谷歌浏览器从默认安装在C盘中，把它移走，安装到E盘里或者其他的盘里！ 如下分为3大步骤: 一、剪切文件夹步骤 首先安装谷歌浏览器，在官网进行下载[Google Chrome 网
网盘助手 | 谷歌（Chrome）浏览器插件
03-03
【插件简介】 大概是最优雅好用的网盘助手了；插件主要功能有：[1]百度网盘、腾讯微云、蓝奏云、天翼云盘万能钥匙 [2]百度网盘、腾讯微云、天翼网盘生成并展示下载链接 [3]百度网盘分享时自定义提取码 【插件网站】 http://pan.newday.me 【插件更新】 2020-12-29 14:49:08 【插件版本】 0.4.7 【插件标签】 工具 办公效率 Chrome插件 【插件安装教程】 请下载文件后先解压，然后进入页面： chrome://extensions/ 将文件拖拽到该页面，完成安装。 具体步骤: https://t.csdnimg.cn/NxMv 【热门插件】 ·CSDN 浏览器助手： https://plugin.csdn.net/
Chrome mobile for Android 连接PC版Chrome远程调试(Android 移动端连接PC版Chrome远程调试 )
小姜哥的技术博客
10-21 1507
博客搬家：由于各种原因，我现在的博客将首发于blog.mojijs.com， 可以百度搜索 “姜哥的墨迹技术博客” ， 或者 点击这里 本文地址http://blog.mojijs.com/post/152.html  Chrome mobile 连接PC版Chrome远程调试(Android 移动端连接PC版Chrome远程调试 ) 以前写过一篇文章 weinre，移动端远程调试
【教程】谷歌浏览器移到其他盘之后，本地网页代码无法用谷歌浏览器打开的解决办法
小小鱼儿小小林的博客
05-17 1万+
前几天写了一篇教程，教大家将谷歌浏览器安装到其他盘，还没有看的可以戳链接： [教程]谷歌浏览器只能安装在C盘，教大家如何设置才能装在D盘， 但是，将默认安装在C盘的谷歌浏览器移到其他盘之后，好多默认的设置就失效了，怎么办呢 接下来，小鱼儿教大家怎么解决，只要记住核心的方法，基本上之后就可以自己调整了。 一、用谷歌浏览器打开本地网页代码 现在我在本地有一个网页代码xxxxx.h...
用PC上的Chrome 模拟手机浏览器
dbaspider
11-03 892
在PC上使用chrome谷歌浏览器模拟手机浏览器，最新 chrome 浏览器(需要32以后版本的)都提供了这项功能，可以模拟 android 、iphone、meego、黑莓等等多款手机，还有多款手机浏览器，如chrome、firefox以及手机系统自带的浏览器。 使用方法：按 F12打开谷歌浏览器控制台，点击右下角的设置按钮，出现设置框，右侧有个“Show drawer”按钮，点击后在“d...
【转】用谷歌浏览器来当手机模拟器
surgent的专栏
10-19 978
      很多网站都通过User-Agent来判断浏览器类型，如果是3G手机，显示手机页面内容，如果是普通浏览器，显示普通网页内容。　　谷歌Chrome浏览器，可以很方便地用来当3G手机模拟器。在Windows的【开始】-->【运行】中输入以下命令，启动谷歌浏览器，即可模拟相应手机的浏览器去访问3G手机网页：　　谷歌Android：chrome.exe --user-agent="Mozilla/5.0 (Linux; U; Android 2.2; en-us; Nexus One Build/FRF9
vue 调用虚拟键盘
这是我的博客
04-26 8740
有时候在大型触屏设备（如双屏设备）中，往往就没有键盘去操作，而且在触屏input或者textarea的输入时候就无法去输入值，所以就需要去建立一个虚拟键盘去操作 vue-touch-keyboard 详细介绍及操作链接 *记录下 ...
javascript模拟键盘按键事件，支持最新DOM3标准（Chrome亲测）。
C语言专栏
09-22 1万+
提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档 文章目录 前言 一、pandas是什么？ 二、使用步骤 1.引入库 2.读入数据 总结 前言 提示：这里可以添加本文要记录的大概内容： 例如：随着人工智能的不断发展，机器学习这门技术也越来越重要，很多人都开启了学习机器学习，本文就介绍了机器学习的基础内容。 提示：以下是本篇文章正文内容，下面案例可供参考 一、pandas是什么？ 示例：pandas 是基于NumPy 的一种工具，该工具是为了解决数..
自动化测试——浏览器操作、键盘输入、鼠标操作事件
m0_62382927的博客
01-22 1374
浏览器操作 from selenium import webdriver import time driver = webdriver.Chrome() driver.get("https://www.baidu.com/") driver.maximize_window() 1.打印title #打印title title = driver.title print(title) time.sleep(8) driver.quit() 运行结果 2.打印URL #打印URL url = drive
非常googel虚拟键盘插件，能自动获取页面内的input焦点弹出无需另外编写js文件
04-24
非常全面的google虚拟键盘插件，一键安装并使用，能获取页面上所有的input标签，并自动弹出
H5 JS 模拟数字软键盘
07-31
dome可测试，无任何插件；可自定义样式
flex chrome浏览器调试出现空白的解决方法
10-26
flex浏览器调试出现空白，原因是谷歌有个默认的flash播放器，只要将默认的播放器禁用，留下新安装的插件，就OK了
移动端网页开发调试神器Eruda的介绍与使用技巧
08-29
在日常的移动端开发时，一般都是试用chrome浏览器的移动端模式进行开发和调试，只有在chrome调试完成，而最近发现了一个新的调试方法，所以这篇文章主要给大家介绍了关于移动端网页开发调试神器Eruda的基本资料，...
Chrome纯净触摸 支持windows系统调试触发触摸事件
04-17
支持windows浏览器模拟触发事件，调试移动端网页问题
白帽子讲浏览器安全.钱文祥(带详细书签).pdf
03-08
6 移动端的浏览器安全 137 6.1 移动浏览器的安全状况 138 6.2 移动端的威胁 141 6.2.1 通用跨站脚本攻击 141 6.2.2 地址栏伪造 142 6.2.3 界面伪装 143 6.3 结合系统特性进行攻击 144 6.3.1 Android一例漏洞...
Chrome OS超便捷安装指南
东溪陈姓少年
03-07 2131
Chrome OS是一款Google开发的基于PC的操作系统。 Google Chrome OS是一款基于Linux的开源操作系统。Google在自己的官方博客表示，初期，这一操作系统将定位于上网本、紧凑型以及低成本电脑。这款开源软件将被命名为Chrome OS，谷歌公司于2010年12月7日(北京时间12月8日2点30分)在美国举行Chrome相关产品发布会，发布会上正式发布[Chrome ...
chrome只能装在c盘吗_如何把 C 盘已安装的软件转移到其他盘？
weixin_39542111的博客
11-30 809
如何把 C 盘软件转移到其他盘？https://www.zhihu.com/video/1193938538603872256如何把已经安装在系统盘的软件，转移到其他盘呢？直接剪切或拷贝显然是不行的，这么做的话，大多软件都会直接打不开。你当然可以直接卸载它，然后重新安装。而如果想更简便一些，试试 FreeMove。这是一款免安装的小软件，甚至只有几百 KB。我们最好单击右键，以管理员身份运行。操作...
《SteamVR2.2.0快速入门》（Yanlz+Unity+XR+OpenVR+OpenXR+SteamVR+Valve+Vive+Oculus+Quickstart+HMD+立钻哥哥++ok++）
热门推荐
VRunSoftYanlz的博客
06-13 3万+
《SteamVR2.2.0快速入门》 《SteamVR2.2.0快速入门》 版本 作者 参与者 完成日期 备注 SteamVR2.2.0_QuickStart_V01_1.0 严立钻 2019...
chrome模拟微信内置浏览器
最新发布
09-19
Chrome浏览器可以模拟微信内置浏览器的功能，通过一些设置和扩展来实现。首先，在Chrome浏览器中，我们可以使用开发者工具来模拟各种移动设备的页面展示效果，其中包括了模拟微信内置浏览器的设置选项。我们可以在Chrome的开发者工具中选择“切换设备工具栏”，然后选择“Custom...”选项，手动输入设备的尺寸和UA字符串等信息，来模拟微信内置浏览器的页面展示。 其次，Chrome浏览器中有一些扩展可以帮助模拟微信内置浏览器的一些特性和行为。例如，Chrome Web Store中有一款名为“WeChat Desktop”的扩展，可以将web页面以微信内置浏览器的方式展示，包括页面宽度、字体大小、自动检测电话号码和微信表情等特性。 另外，Chrome浏览器的开发者工具还提供了一些调试功能，帮助开发者模拟微信内置浏览器的环境。通过这些调试功能，开发者可以在Chrome中进行移动端页面的开发、调试和测试，确保页面在微信内置浏览器中的正常展示和功能运行。 总结来说，通过Chrome浏览器的开发者工具和相关扩展，我们可以模拟微信内置浏览器的页面展示效果和功能行为，方便开发者进行移动端页面的调试和测试工作。这样可以提高开发效率和代码质量，确保页面在微信内置浏览器中的良好用户体验。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值