谷歌浏览器的开发者工具有哪些功能?(功能详解)
谷歌浏览器的开发者工具有哪些具体功能呢,有一些编程小白会这么问小编,那么小编就来为大家解答一下!在一般在windows系统上浏览器开发者工具打开都是按F12快捷键,按F12快捷键打开谷歌浏览器如下图所示,下面来分别解释一下各个功能:

一、第一个功能:定位的作用,点击一下这个图标,将鼠标放在任意页面上的位置,就可以查看到右边的源码

二、第二个功能:是用于屏幕适配的,也就是说谷歌浏览器可以模拟各个型号的手机打开wap页面,如果需要增加手机型号,点击下拉菜单的Edit
打开如下图增加手机型号页面,如增加小米Mix3,填写完后点击save按扭

这样就增加了小米Mix3型号了
三、第三个功能,Elements:查看页面的HTML元素,能够也就是查看源码,我们可以看到布局,可以看到用到的样式,还有用到的链接等等,并且手动修改任一元素的属性和样式且能实时在浏览器里面得到反馈;
四、第四个功能,console:这个就是一个web控制台,记录开发者开发过程中的日志信息,且可以作为与JS进行交互的命令行Shell;
五、第五个功能,sources:这个是显示资源文件的,并且可以断点调试JS;

(1)上图中第一个红框,是用来选择资源的,当网页被加载的时候向服务器端请求出来的文件包括.html .ccs .js这样的文件;
(2)上图中第二个红框,是用来调试js代码的地方,当我们需要调试程序的时候打一个断电,然后通过上图红框3这个工具栏进行调试,也就是打一个断电然后刷新页面程序会调到你打断点的地方,然后通过上图红框4来查看程序中变量的值什么的;
(3)上图中第三个红框,第一个按扭是停止状态的按钮就是表示程序是否停止(在debug时),后面的是程序继续跳过方法,跳过下一个语句,调到上一个语句。
1、 如果要搜索某个文件,用Ctrl+P,就能快速搜索到需要的文件
2、要搜索源码,快捷键是:Ctrl + Shift + F
3、快捷键Ctrl + G,输入行号,会跳转到你输入的行号所在的行
4、当编辑一个文件的时候,你可以按住Ctrl在你要编辑的地方点击鼠标,可以设置多个插入符,这样可以一次在多个地方编辑
你了解到谷歌浏览器的开发者工具有哪些功能了吗?相信如果你有细心看的话肯定有些了解的!想知道关于谷歌浏览器的更多东西就去chrome下载站吧!
Chrome浏览器标签页加载缓慢优化方法分享
针对Chrome浏览器标签页加载缓慢问题,分享多种优化方法,提升加载速度和浏览体验。
如何通过Google浏览器提升搜索体验
在安卓端Chrome浏览器中调整隐私设置,用户可以配置浏览器的隐私选项,防止个人数据泄露,保护在线隐私,确保更安全的网络使用体验。
谷歌浏览器如何安装和卸载扩展
提供Chrome扩展程序安装与卸载的详细步骤和建议,帮助用户有效管理扩展程序。
Chrome浏览器内网访问设置详解
本文详细介绍了Chrome浏览器如何在企业环境中配置内网访问,包括网络代理设置、权限管理以及安全防护措施,帮助用户实现高效、稳定的内网浏览体验。
如何通过谷歌浏览器提高图片压缩的效果
提高谷歌浏览器中图片压缩效果,减少文件大小,优化图片加载时间,提升网页显示效果。
谷歌浏览器手机版网页乱码显示异常一键修复操作
谷歌浏览器手机版遇到网页显示乱码或编码异常情况该怎么办?本篇教程为你提供一键修复操作方案,通过精准切换编码与配置参数,助你快速恢复网页信息的正常展示。
如何在 Fedora 上安装 Google Chrome 浏览器?
Fedora的默认网络浏览器是Firefox。虽然它是一个优秀的网络浏览器,但你可能更喜欢流行的谷歌Chrome浏览器。
如何在 MacBook 安装 Chrome 浏览器?
Mac自带的Safari浏览器虽然很不错,但是和很多网站不兼容。所以,你还是需要安装Chrome浏览器。
如何在 Windows 8 上安装 Chrome?
在 Windows 8 上安装 Chrome 并不像您想象的那么简单。让我们来看看您在尝试安装它时可能遇到的一些选择和问题
如何修改Mac版谷歌Chrome浏览器默认下载位置?
Google Chrome for Mac是一款使用非常广泛的浏览器,界面简洁美观,还支持无痕浏览,非常实用,现在带来google chrome for mac最新版本,功能更加完善,运行更加稳定。
如何处理 Chrome 的“正在下载代理脚本”消息?
谷歌浏览器可能会显示“正在下载代理脚本”消息。如果您经常看到它,您可能想知道为什么浏览器会显示该消息以及您可以采取哪些措施。
如何在国内下载谷歌浏览器
如何在国内下载谷歌浏览器?近日,谷歌官方推送了一款新的谷歌浏览器,即Chrome 83版本。在这个版本中,增加了标签分组和Web NFC支持等新功能。
如何保存、编辑和删除您的 Chrome 密码?
保存密码非常方便,自动填写您的登录信息,因此您不必记住。但是,如果您的 Google 帐户遭到入侵,您可能会丢失所有访问权限和信息,这就是我们建议使用安全密码管理器的原因。最终,您保存在Google Chrome中的密码与存储密码的设备一样安全。
如何在谷歌浏览器中关注网站?
上个月,谷歌宣布了一项新的实验性功能,让用户可以在 Chrome 中关注任何网站,从根本上消除了对智能手机上专用 RSS 阅读器应用程序的需求。这家软件巨头最初是在 Chrome for Android 上测试该功能。
如何使用Chrome扩展获得易于阅读的JSON树?
JSON是一种非常流行的文件格式。有时我们可能在浏览器选项卡中有一个 JSON 对象,我们需要读取它,这可能很困难。我们可能需要去搜索一个在线工具,将其转换为易于阅读的格式,以便我们能够理解它。
Win10升级后 chrome内核浏览器变得很卡怎么办?
win10版本还存在着许多bug,可能会拖慢谷歌浏览器的运行,该怎么解决这种现象呢,和小编一起
如何在 Windows 10 中设置 Chrome 浏览器信息亭模式?
在Windows 10上设置Chrome浏览器的kiosk模式。 如果其他人使用您的电脑。自助终端模式有助于在Google Chrome上创建第二个用户资料。第二个用户访问者将拥有一个全屏的Chrome浏览器,没有任何你的个人数据。
google chrome可以将密码导出到电脑本地吗
google chrome可以将密码导出到电脑本地吗?不了解的小伙伴快和小编一起看看下面的操作教程吧。