使用chrome devtools app(离线包）调试Android H5页面

已于 2022-11-09 19:27:19 修改
阅读量1w 收藏 4
点赞数 3
分类专栏： 测试 tools 文章标签： chrome devtools chrome 前端
于 2019-10-20 18:01:18 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_17328759/article/details/102651553
版权
测试 同时被 2 个专栏收录
30 篇文章 5 订阅
订阅专栏
tools
17 篇文章 0 订阅
订阅专栏

  在调试Android H5页面的时候时候Chrome自带的“Chrome://inspect”工具调试时，国内用户都面临不可用的问题。
不翻墙，实现chrome浏览器调试工具的时候，就是本文分享的重点(＾Ｕ＾)ノ~ＹＯ！！！！

操作如下：

1、下载离线文件，链接：https://pan.baidu.com/s/1tZk4XaRrqesp_LgbN-ahmw 提取码：ka5w

在这里插入图片描述
2、找到chrome的个人资料路径（根据下图方式查找），将下载的文件粘贴在该目录下。
在这里插入图片描述
3、重启Chrome，打开调试页面，点击“inspect”
在这里插入图片描述
4、打开调试页面，大功告成！！！
在这里插入图片描述
== 替换文件后如果不成功，重启一下电脑！==

Qredsun
关注
  • 3
    点赞
  • 踩
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
chrome插件 vue-devtools离线安装包
04-27
版本5.3.3，从github下载的源码自己build出来的。 解压文件，从谷歌扩展程序里加载文件夹即可。
android工具dev tools
03-12
模拟器上的dev tools，真机上可能大家经常会找不到。其实可以直接从模拟器导出。
Chrome DevTools 使用指南- 源代码/来源篇
最新发布
守城小轩的技术窝棚
05-20 1236
2.1文件资源管理器（左侧）通过本指南，我们详细介绍了Chrome DevTools中“源代码/来源”面板的各项功能和使用技巧。从面板布局与基本功能概述，到文件管理、编辑与保存、断点与调试、以及调用栈与作用域的分析，每一个部分都提供了丰富的实用工具，帮助开发者更高效地进行代码调试和优化。无论是初学者还是有经验的开发者，掌握这些功能都将极大提升您的开发效率和代码质量。“源代码/来源”面板作为Chrome DevTools的核心组件，为开发者提供了一个强大的平台，可以直接在浏览器中进行代码编辑、调试和优化。
Chrome浏览器安装devtools开发者工具
Liberty_yes的博客
10-14 4018
Chrome浏览器安装devtools开发者工具 我们对Markdown编辑器进行了一些功能拓展与语法支持，除了标准的Markdown编辑器功能，我们增加了如下几点新功能，帮助你用它写博客： 全新的界面设计 ，将会带来全新的写作体验； 在创作中心设置你喜爱的代码高亮样式，Markdown 将代码片显示选择的高亮样式 进行展示； 增加了 图片拖拽 功能，你可以将本地的图片直接拖拽到编辑区域直接展示； 全新的 KaTeX数学公式 语法； 增加了支持甘特图的mermaid语法1 功能； 增加了 多屏幕编辑 Ma
Vue DevTools 使用指南 - 如何安装和使用 Vue DevTools 调试 Vue 组件
热门推荐
蒋川@卡拉云
04-02 2万+
Vue Devtools 是 Vue 官方发布的调试浏览器插件，可以安装在 Chrome 和 Firefox 等浏览器上，直接内嵌在开发者工具中，使用体验流畅。Vue Devtools 由 Vue.js 核心团队成员 Guillaume Chau 和 Evan You 开发。
Appium基础 — Chrome Inspect定位工具
测试-八戒
12-20 1655
定位工具是用来抓取app中Webview页面的。为了项目的需求，为了更好的保证效果和布局跨平台，Android&H5混合开发一般是我们不错的选择。Google浏览器中的定位工具，提供了一个移动端Web页面开发调试的功能，通过它我们可以调试手机页面，可以看到页面的源码，从而进行元素的定位。使用定位工具的前提条件。
【Vue.JS】Chrome 调试工具 vue-devtools 离线安装
新青年1号
05-20 4668
使用 Chrome 浏览器运行 Vue 代码时，Chrome 会在控制台给出友好建议：下载 Vue Devtools 进行调试。 vue-devtool 是基于 Chrome 的一款调试神器。使用它开发 Vue，可以大幅度的提升开发效率。 首先，按照 Chrome 浏览器 console 提示，访问 github 地址。https://github.com/vuejs/vue-devt...
AndroidDevTools下载
weixin_33852020的博客
03-22 625
收集整理Android开发所需的Android SDK、开发中用到的工具、Android开发教程、Android设计规范，免费的设计素材等。 http://www.androiddevtools.cn/ 转载于:https://www.cnblogs.com/summary-2017/p/8626539.html...
Chrome DevTools（4）：推荐几款DevTools插件
GuoYahong的专栏
04-22 2917
关于DevTools插件 应用于Chrome开发者工具的插件不同于普通的Chrome应用或者插件，它是给你的Chrome DevTools扩展更多的功能，方便你查看和调试web程序。它的安装方法跟Chrome应用的安装方法是一样的，可以通过Chrome应用商店或者直接crx安装文件来安装。 下面推荐几款DevTools插件，有些是博主亲自试用过的，希望对大家的开发调试有帮助。 j
Android离线webview调试工具,开发H5混合应用必备
05-14
然而，对于H5页面的调试工作，开发者通常依赖于Chrome浏览器的开发者工具（Chrome DevTools），其中的`chrome://inspect`功能可以远程调试连接到同一网络的设备上的WebView。但在中国，由于网络限制，`chrome://...
Android-一个App内嵌浏览器
08-13
7. **调试与日志**: 开发者可能需要对加载的网页进行调试，WappBrowser可能有内置的开发者选项或接口，支持Chrome DevTools协议（CDP），使得开发者可以在Chrome浏览器中远程调试。 在WappBrowser-master压缩包中，...
web开发必须工具离线chm(W3schoolchm目前最新最全的)
10-30
web开发必须工具离线chm(W3school目前最新最全的)，2017年3月最新版本
一款针对开发者和测试者的调试工具
11-23
一款针对开发者和测试者的调试工具，它可以帮助你在非Xcode的情况下，进行数据分析和操作。
安卓调试调试webview Chrome://inspect 404 windows离线资源包
11-30
安卓调试调试webview(类似Chrome://inspect的功能)国内404,大家都懂的,经过我各种折腾制作完成,不会出现空白页面,无需科学那啥,不限机型,Hybrid App等H5混合应用开发必备
inspect离线包.rar
04-13
google浏览器inspect离线调试工具
移动端网页开发调试神器Eruda的介绍与使用技巧
11-30
如果网页是运行在手机浏览器中还算好，可以把网址在电脑上打开查看console信息，但是如果是做APP的内嵌H5页面，那就只能靠开发阶段在浏览器模拟环境中尽量没有Bug，但是，一旦H5上线后报错那就比较麻烦了，而且还...
移动端Web页面即常说的H5页面手机页面webview页面等
08-10
开发者需要在多种设备和浏览器上进行测试，使用Chrome DevTools、Safari Web Inspector等工具进行远程调试，确保兼容性和性能。 综上所述，移动端Web页面开发涉及HTML5、CSS3和JavaScript技术的综合运用，结合...
H5web app移动开发
04-08
9. 调试与测试：使用Chrome DevTools等工具进行调试，确保应用在不同浏览器和设备上的兼容性。进行性能测试、功能测试和用户体验测试，以确保产品质量。 通过学习和实践这些知识点，开发者可以提升H5 Web App的开发...
vue devtools离线包
10-28
Vue Devtools是一款Vue.js开发工具，它可以帮助开发者在浏览器中进行Vue.js应用程序的调试和性能优化。而Vue Devtools离线包是指Vue Devtools的离线安装包。 通常情况下，我们可以通过在浏览器的扩展商店中直接安装Vue Devtools插件，以便在需要的时候进行调试。然而，有时候我们需要在没有网络连接的环境下进行Vue.js应用程序的调试，这时候就需要使用Vue Devtools离线包了。 Vue Devtools离线包是将Vue Devtools的插件文件进行打包并进行离线安装的安装包。这样，我们就可以将离线包下载到本地，然后在没有网络连接的情况下，通过本地的文件安装Vue Devtools插件。 对于离线包的安装，我们可以通过以下步骤来操作： 1. 下载Vue Devtools离线包，通常是一个文件夹或zip压缩包。 2. 解压缩离线包到本地某个目录。 3. 在浏览器中打开插件管理界面，一般是在浏览器的扩展设置面板中。 4. 打开开发者模式。 5. 点击“加载已解压的扩展程序”按钮。 6. 选择解压缩后的离线包文件夹。 7. 插件将被加载并添加到浏览器中。 通过以上步骤，我们就可以在没有网络连接的环境下使用Vue Devtools进行调试了。这对于一些需要在生产环境中进行实时调试和性能优化的情况非常有帮助，同时也为开发者提供了更加灵活的调试选择。 总之，Vue Devtools离线包是Vue Devtools的离线安装包，可以帮助开发者在没有网络连接的环境下进行Vue.js应用程序的调试和性能优化。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值