[Stetho]chrome打开inspect时出现一片空白

最新推荐文章于 2022-10-21 20:29:30 发布
最新推荐文章于 2022-10-21 20:29:30 发布
阅读量4.3k 收藏 1
点赞数 1
分类专栏： 问题解决
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/wilschan0201/article/details/75039958
版权

Stetho功能强大，但在国内可以遭遇长城的封锁，导致Chrome inspect打开时显示空白页，修改host就能解决问题。

编辑hosts文件，添加：
61.91.161.217 chrome-devtools-frontend.appspot.com
61.91.161.217 chrometophone.appspot.com

ubuntu可直接修改 /etc/hosts文件
Windows则在C:\Windows\System32\drivers\etc路径下

接下来就可以正常使用了：
1. 将手机和电脑以USB连接
2. 打开Chrome浏览器，地址栏输入chrome://inspect/#devices
3. 找到要调试的进程，点击inspect

关于Stetho的使用可以考：http://www.jianshu.com/p/03da9f91f41f

SLIM0201
关注
  • 1
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
专栏目录
Chrome devtools inspect后打开空白解决办法
weixin_30807779的博客
03-25 4757
【转自】http://madong.net.cn/index.php/2017/05/597/ 解决方案一： 因为chrome inspect需要加载https://chrome-devtools-frontend.appspot.com上的资源，所以需要FQ。 GoogleChrome/ADBPlugin#14 解决方案二： 编辑hosts文件，添加： 61.9...
chrome-inspect离线开发者工具包@194530_@196351.rar
03-04
谷歌调试移动端工具chrome-inspect离线开发者工具包@194530_@196351.rar
chrome在线调试Inspect空白问题
08-23
解决chrome下device:inspect出现空白页，替换文件就可以了
chrome浏览器使用chrome://inspect调试app 网页，打开空白的问题
weixin_30678821的博客
03-03 523
使用chrome浏览器，输入chrome://inspect可以调试android app里面的网页，如果inspect的时候，是空白， 那就在C:\Windows\System32\drivers\etc\hosts文件加入 61.91.161.217 chrome-devtools-frontend.appspot.com61.91.161.217 chrometophone.app...
Chrome Inspect调试stetho出现空白的解决方法
weixin_46020146的博客
05-14 195
Chrome Inspect调试stetho出现空白的解决方法
解决Android调试微信页面，chrome的inspect弹出空白
u010246360的博客
07-07 9152
最近想用PC端调试微信内置浏览器页面，于是使用Chrome进行调试，步骤如下：1.手机数据线连接电脑，开启手机上的USB调试功能2.打开Chrome浏览器，在地址栏输入：chrome://inspect/#devices访问3.Chrome会自动检测并列出手机上可供调试的WebView页面，如图：弹出开发者工具页面进行调试开始页面会一直空白，查询资料发现是因为国内无法访问 https://chro...
Android通过Chrome Inspect调试WebView的H5 App离线.rar
09-10
1.前端开发离不开Chrome的开发者工具，尤其是调试Android WebView时。然而，如果使用chrome://Inspect的方法，国内的开发者会惊奇地发现“空白啊”！为此，我发布过这个离线包的解决方案！可以无需FanQ就能调试了。 ...
解决inspect调试空白页问题
05-23
解决chrome devTools WebView Inspect调试空白页问题.......................................
安卓调试调试webview Chrome://inspect 404 windows离线资源包
11-30
安卓调试调试webview(类似Chrome://inspect的功能)国内404,大家都懂的,经过我各种折腾制作完成,不会出现空白页面,无需科学那啥,不限机型,Hybrid App等H5混合应用开发必备
使用chrome remote debug时打开inspect时出现一片空白
weixin_33720452的博客
12-13 988
chrome://inspect/#devices能够在pc chrome调试 Android wechat 的页面 条件：1，能够访问google.com2，手机开启usb调试模式3，允许电脑访问手机 否则chrome://inspect/#devices出现空白页 但是，chrome://inspect/#devices出现空白页的情...
Stetho是Android应用程序的调试桥，可启用功能强大的Chrome开发人员工具等。-Android开发
05-26
Stetho Stetho是用于Android应用程序的复杂调试桥。 启用后，开发人员可以访问Chrome桌面浏览器本地提供的Chrome开发者工具功能。 开发人员还可以选择启用Stetho Stetho是适用于Android应用程序的复杂调试桥。 启用后，开发人员可以访问Chrome桌面浏览器本地提供的Chrome开发者工具功能。 开发人员还可以选择启用可选的dumpapp工具，该工具为应用程序内部提供了强大的命令行界面。 完成以下设置说明后，只需启动您的应用并将笔记本电脑浏览器指向chrome：// inspect。 单击“检查”按钮开始。 设置D
Android通过Chrome Inspect调试WebView的H5 App出现空白页面的解决方法（不需要FQ）
weixin_33725272的博客
09-28 957
本文系博主原创，未经许可不得转载。如未经本人同意，私自转载或盗取资源提供下载，本人保留追究其法律责任的权利。 调试基于WebView的Hybrid App最舒服的工具当然是Chrome自带的开发者工具，其中有我们熟悉的Dom树调试，JS调试，Network监视等等功能。 Google提供的调试Android上WebView的步骤： 开启手机上的USB调试功能 打开Chrome浏览器，地...
chrome://inspect 调试app网页时，打开页面空白
点点先生的博客
08-06 5129
方法一 在C:\Windows\System32\drivers\etc\hosts 里面添加如下两行 61.91.161.217 chrome-devtools-frontend.appspot.com 61.91.161.217 chrometophone.appspot.com 方法二 翻墙
chrome://inspect/#devices调试方法及页面白屏解决
热门推荐
lxiang222的博客
11-25 1万+
安卓使用chrome://inspect/#devices调试出现页面白屏的问题，具体解决方法在网上也搜了下相关的内容，网上给出的解决办法如下： 方法一：清除缓存 浏览器中访问 chrome://appcache-internals/#，会看到如下界面：缓存界面界面，将所有条目 Remove。如果这个方法没有解决白屏问题，使用方法二 方法二：hosts 文件中添加如下内容： 173.252.100.21 chrome-devtools-frontend.appspot.com 31.13.82.17
chrome://inspect 白屏BUG解决方案
10年职场两茫茫，35岁凄凉奈若何
06-29 415
chrome://inspect 白屏BUG解决方案
chrome浏览器inspect打不开解决方案
qq_50264368的博客
10-21 3504
解决方法：在edge浏览器里，输入chrome://inspect，跳转到edge://inspect页面，点击了inspect按键就可以成功映射手机端webview页面。chrome访问chrome://inspect/#devices后，点击inspect映射手机端webview页面定位元素，报错，空白展示。手机留在网页的当前界面-点击inspect就可以打开了。
chrome-inspect离线开发者工具包
最新发布
07-06
chrome-inspect离线开发者工具包是一款由谷歌开发的用于调试和分析网页的工具。它是Chrome浏览器的一部分，可用于查看和修改网页代码、检查网络请求、分析网页性能等。 chrome-inspect离线开发者工具包具有以下特点和功能： 1. 网页元素查看和修改：它可以帮助开发人员查看并修改网页上的HTML、CSS和JavaScript代码。通过检查元素功能，用户可以轻松地从网页中选择和定位元素，并对其进行实时编辑和调试。 2. 网络请求分析：开发者可以使用网络面板来查看和分析网页的所有网络请求。它提供了详细的信息，如请求的URL、响应码、请求和响应头部、请求和响应体等。这有助于开发人员检查和优化网页的性能，并找出潜在的问题。 3. 性能分析和优化：chrome-inspect还提供了一些强大的工具来帮助开发人员分析和优化网页的性能。其中包括Performance面板，可用于记录和查看网页加载和渲染的性能数据，并找出潜在的性能瓶颈。 4. 控制台调试：chrome-inspect提供了一个交互式的JavaScript控制台，开发人员可以在其中执行JavaScript代码，并查看结果和错误消息。这对于调试代码和运行一些简单的测试非常有用。 总的来说，chrome-inspect离线开发者工具包是一款功能强大的网页调试和分析工具，可以大大提高开发人员的效率和网页的质量。无论是开发、调试还是优化网页，都可以依靠它来完成。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值