各位老铁们好，相信很多人对谷歌浏览器 如何debug调试都不是特别的了解，因此呢，今天就来为大家分享下关于谷歌浏览器 如何debug调试以及前端谷歌浏览器debug调试怎么用的问题知识，还望可以帮助大家，解决大家的一些困惑，下面一起来看看吧！

本文目录

1. qq浏览器远程调试微信内置浏览器
2. debug. log是什么文件如何删除
3. 如何调出网页代码
4. 如何进行网站调试如何进行网站调试工作
5. 如何进行js的debug

一、qq浏览器远程调试微信内置浏览器

笔记|远程调试手机微信内置浏览器步骤

2022-05-18 15:41:15阅读 1.5K评论 2

在日常的开发、调试过程中，总会遇到各种针对移动端的适配问题。

已经逐渐成为了很多项目的重要适配对象。作为一款国民级应用，他的调试却并不像普通浏览器那样开放。

总要做一些奇奇怪怪的步骤才可以看到熟悉的控制台页面。

不管怎么说，有需求，总会有对应的办法来解决的。

普通手机浏览器调试步骤（Chrome）

Remote debug Android devices- Chrome Developers

Remote debug live content on an Android device from your Windows, Mac, or Linux computer. This tutorial teaches you how to:

Set up your Android device for remote debugging, and discover it from your development machine.

Inspect and debug live content on your Android device from your development machine.

Screencast content from your Android device onto a DevTools instance on your development machine.

Step 1: Discover your Android device

The workflow below works for most users. See Troubleshooting: DevTools is not detecting the Android device for more help.

Open the Developer Options screen on your Android. See Configure On-Device Developer Options.

在手机上面打开开发者调试功能（自行百度）（大多数手机为连点设备号即可进入）

在开发者调试功能内，选择启用 USB调试

On your development machine, open Chrome.

使用数据线连接电脑，并在电脑上打开 Chrome

（不出意外并且首次连接，会弹窗提示是否运行此计算机调试，选择允许即可）

Go to chrome://inspect#devices.

在上文打开的 Chrome中，打开地址：chrome://inspect#devices

若 Edge浏览器，可打开 edge://inspect/#devices

Make sure that the Discover USB devices checkbox is enabled.

勾选 Discover USB devices复选框（如下图）

确保你的手机已经成功连接了电脑，等待一会，你的设备会出现在上一步打开的页面。

Connect your Android device directly to your development machine using a USB cable. Your Android device may ask you to confirm that you trust this computer. The first time you do this, you usually see that DevTools has detected an offline device. If you see the model name of your Android device, then DevTools has successfully established the connection to your device. Continue to Step 2.

使用 USB电缆将您的 Android设备直接连接到您的开发机器。

您的 Android设备可能会要求您确认您信任这台计算机。

第一次执行此操作时，您通常会看到 DevTools检测到脱机设备。

如果您看到 Android设备的型号名称，则 DevTools已成功建立与您设备的连接。继续第 2步。

If your device is showing up as Offline, accept the Allow USB Debugging permission prompt on your Android device.

如果您的设备显示为离线，请在您的 Android设备上接受允许 USB调试权限提示。（如下图）

常见报错见 Remote debug Android devices- Chrome Developers

值得注意的是，连接模式改成 PTP也许会起作用。

Step 2: Debug content on your Android device from your development machine

Open Chrome on your Android device.

In the chrome://inspect/#devices, you see your Android device’s model name, followed by its serial number. Below that, you can see the version of Chrome that’s running on the device, with the version number in parentheses. Each open Chrome tab gets its own section. You can interact with that tab from this section. If there are any apps using WebView, you see a section for each of those apps, too. In Figure 5 there are no tabs or WebViews open.

打开 chrome://inspect/#devices，等待一会儿就看见设备了。

In the Open tab with url text box, enter a URL and then click Open. The page opens in a new tab on your Android device.

Click Inspect next to the URL that you just opened. A new DevTools instance opens. The version of Chrome running on your Android device determines the version of DevTools that opens on your development machine. So, if your Android device is running a very old version of Chrome, the DevTools instance may look very different than what you’re used to.

点击 Inspect，然后开始调试就行了。

参考链接：x5核心无法打开，安装内核提示“内核下载失败115→115”，请问有相同情况吗？|微信开放社区(qq.com)

在手机微信内部打开(此为移动端微信内置域名)

成功打开后即开启微信的远程调试功能

之后就和上文那个 Chrome浏览器一样的步骤了

本教程来源官方，经过测试微信调试页的出现时间比普通浏览器要长，所以耐心等待

此篇教程已经得到验证并且被方佬录入教程。

(我是在直播间传播的这个方法，后知后觉发现大家都不会？)

由于微信的浏览器更换了引擎，所以之前之前的方案不可用了

所以本教程还是算很新的，毕竟微信这几个月才刚换的内核，我在网上也没有搜到相关的帖子。

二、debug. log是什么文件如何删除

1、debug.log是谷歌浏览器和微软Edge浏览器都会生成的一个调试文件，并非系统问题，而是由浏览器导致的。使用Chromium内核的浏览器都会出现类似情况，谷歌给出的回应是创建该日志文件是正常的现象。若想要彻底删除就把启动的客户端软件从电脑中卸载，然后删除这个文件即可。

2、 debug.log是谷歌浏览器和微软Edge浏览器都会生成的一个调试文件，并非系统问题，而是由浏览器导致的。使用Chromium内核的浏览器都会出现类似情况，谷歌给出的回应是创建该日志文件是正常的现象。若想要彻底删除就把启动的客户端软件从电脑中卸载，然后删除这个文件即可。

三、如何调出网页代码

1、在需要查看网页代码的页面中，点击鼠标右键，点击【查看源文件】（IE）。

2、在新版本IE中点击F12会弹出“开发人员工具”，在工具中可以分析网页代码，结果会更直观。

3、firefox中，除了右键【查看网页源代码】查看网页代码外，还可以安装一个插件firedebug，这个插件除了分析代码还可以调试代码。

4、注意：正常情况下在网页中点右键，选查看源文件是可以的，但是有些网页加密了，不能使用右键，这种方法行不通了，这时可以按以下方法，点工具菜单，邮件和新闻，发送网页，这时在弹出的对话框中就会有当然的网页，再点右键，就可以查看源文件了。

四、如何进行网站调试如何进行网站调试工作

开发ASP.NET网站。调试时，vs有自己的服务器，可以提供调试功能。只需单击debug按钮，一个弹出窗口将提示您创建一个web.config文件。然后网站运行的时候就可以调试了。(不用像1楼说的部署到iis进行调试。那是费力的。每次调试时都必须重新部署它。累死人了。调试自己的服务器就行了。当你需要发布一个网站时，你使用iis来发布它。)

此外，您可以在后台代码文件中添加断点。当程序运行到断点时，会自动中断，打开调试窗口，然后就像winform程序一样。

运行Safari,点击编辑菜单下面的偏好设置，显示常规选项卡。

单击高级选项，勾选在菜单栏显示高级选项。

关闭选项卡，在浏览器的工具栏出现了开发菜单，选择开始调试JAVASCRIPT,就可以调试，和GoogleChrome浏览器是一样的。

我买了台服务器，怎么设置调试？

你买的服务器是用来做什么的，日比如你想用来放网站的，你把网站放到服务器上，看能不能正常运行。如果一切正常那就可以了。如果是做游戏的，那就把游戏程序安装上

手机连上WIFI，用浏览器打开路由器的网址登录就可以调试密码

看网页视频调整播放速度，试试F12的调试模式？

网页视频的播放速度可以自由调整，掌握这些技巧就可以。下面介绍一下F12的调试模式的网页视频播放速度调整具体步骤！

1、先按F12进入调试位置，Doskside有四个选项，1。将开发者工具单框拖出来2.放置左侧3.放置底部4.放置右侧。一般都是谷歌浏览器是默认放置在右侧的，今天我们主要说谷歌浏览器当中的F12开发者工具。

如果要进行模拟手机端调试页面的话，用左右布局调试会比较方便，如果是调试PC端页面的话，将调试页面放置下端会更好一点，这样不会遮住部分的显示内容。

2、在调试模式中，选择仿真选项，然后设定模式，显示数值，根据具体需要，设定iPhone、ipad等。

3、确定显示分辨率是否合适观看，然后再自定义分辨率，刷新设定之后，大家观看调试效果和调试视频播放速度等。

五、如何进行js的debug

1、谷歌开发人员工具都可以调试，ie浏览器按f12，有个脚本

2、开启调试功能，加载js的时候就开启，js报错就会自动提示，也可以在js上打断点（或者自己在js中想要打断点的位置加debuger；js运行到这句代码就会自动暂停）不用调试的时候记得关闭调试，因为占用内存ie会卡死

关于谷歌浏览器 如何debug调试的内容到此结束，希望对大家有所帮助。