首页 > 电脑专区 > 电脑教程 >

Chrome开发者工具常见问题解答

来源:互联网 2023-02-21 18:07:37 版权归原作者所有,如有侵权,请联系我们

百度知道上经常会有人提问关于开发者工具的一些问题,如:console.log怎么使用?p页面中的js代码修改了怎么不起作用等等,本文在此逐一说明这些问题。0qT办公区 - 实用经验教程分享!

Chrome开发者工具常见问题解答0qT办公区 - 实用经验教程分享!

方法/步骤

  • 1

    升级Chrome到最新版本0qT办公区 - 实用经验教程分享!

    参考下面经验"如何离线安装Chrome最新版本或某一特定版本?",将Chrome升级到最新版本。0qT办公区 - 实用经验教程分享!

    44如何离线安装Chrome最新版本或某一特定版本?0qT办公区 - 实用经验教程分享!

  • 2

    怎么打开开发者工具?0qT办公区 - 实用经验教程分享!

    有五种方式可以尝试:菜单栏选择、F12、Ctrl Shift J、Ctrl Shift I和页面右键菜单检查。0qT办公区 - 实用经验教程分享!

    0qT办公区 - 实用经验教程分享!

    Chrome开发者工具常见问题解答0qT办公区 - 实用经验教程分享!

    Chrome开发者工具常见问题解答0qT办公区 - 实用经验教程分享!

  • 3

    如何把开发者工具改为中文?0qT办公区 - 实用经验教程分享!

    开发者工具是无法修改语言的,有问题可以多百度下。0qT办公区 - 实用经验教程分享!

  • 4

    如何使用开发者工具?0qT办公区 - 实用经验教程分享!

    在百度中搜索"Chrome开发者工具不完全指南 基础 cnblogs",搜索结果中第一条的文章中有比较详细地介绍开发者工具的使用。0qT办公区 - 实用经验教程分享!

    Chrome开发者工具常见问题解答0qT办公区 - 实用经验教程分享!

  • 5

    Sources中的VM数字是怎么一回事?0qT办公区 - 实用经验教程分享!

    VM(Virtual Machine) 数字,表示虚拟机js,即不是引用的js和者内联的js,一般是由eval或者其他匿名函数执行的结果,这些代码没有对应的原文件,就会在VM 中显示,以方便查看和调试。0qT办公区 - 实用经验教程分享!

    Chrome开发者工具常见问题解答0qT办公区 - 实用经验教程分享!

  • 6

    Chrome如何抓包?0qT办公区 - 实用经验教程分享!

    打开开发者工具,选择Network选项卡,刷新页面,就可以看到Network下面出现很多网络请求(网页、图片,js等),点击某个网络请求,就可以在右边看到网络请求的具体内容(Header、Cookie等)。0qT办公区 - 实用经验教程分享!

    Chrome开发者工具常见问题解答0qT办公区 - 实用经验教程分享!

  • 7

    Chrome如何查看JSON格式的数据?0qT办公区 - 实用经验教程分享!

    参考下面经验"Chrome浏览器如何安装JSON-handle扩展程序?"和"Chrome浏览器如何格式化查看JSON数据?"解决。0qT办公区 - 实用经验教程分享!

    16Chrome浏览器如何格式化查看JSON数据?0qT办公区 - 实用经验教程分享!

    9Chrome浏览器如何安装JSON-handle扩展程序?0qT办公区 - 实用经验教程分享!

    Chrome开发者工具常见问题解答0qT办公区 - 实用经验教程分享!

  • 8

    Chrome如何查看和修改cookie?0qT办公区 - 实用经验教程分享!

    参考下面经常"Chrome浏览器如何查看 & 编辑Cookie?"解决。0qT办公区 - 实用经验教程分享!

    26Chrome浏览器如何查看 & 编辑Cookie?0qT办公区 - 实用经验教程分享!

    Chrome开发者工具常见问题解答0qT办公区 - 实用经验教程分享!

  • 9

    Chrome怎么看ssl登陆TLS协议的版本?0qT办公区 - 实用经验教程分享!

    按下F12,打开开发者工具,切换到Security选项卡,就可以看到了。0qT办公区 - 实用经验教程分享!

    Chrome开发者工具常见问题解答0qT办公区 - 实用经验教程分享!

  • 10

    F12修改页面的源代码里面的JS代码为什么无法生效?0qT办公区 - 实用经验教程分享!

    只修改JS但没有运行是不会生效的,可以页面中的JS代码拿到console中执行就可以覆盖页面中的代码了0qT办公区 - 实用经验教程分享!

  • 10此文章非法爬取自百度经验
  • 11

    如何搜索JavaScript代码?0qT办公区 - 实用经验教程分享!

    1. 文件内搜索0qT办公区 - 实用经验教程分享!

    选择Source选项卡,点击要想搜索的JS文件,按下Ctrl F进行搜索0qT办公区 - 实用经验教程分享!

    2. 多文件搜索0qT办公区 - 实用经验教程分享!

    选择Source选项卡,按下Ctrl Shift F进行搜索0qT办公区 - 实用经验教程分享!

    注:上述搜索方法也使用于在Elements选项卡中搜索。0qT办公区 - 实用经验教程分享!

    Chrome开发者工具常见问题解答0qT办公区 - 实用经验教程分享!

    Chrome开发者工具常见问题解答0qT办公区 - 实用经验教程分享!

  • 注意事项

    • 本经验还会不断补充和完善,直到有一天我们发现这篇经验已无存在价值。
    • 如果有朋友喜欢这篇经验,请为我点赞,后续还会为大家分享更多经验,有兴趣的亲们可以点击关注我。

    以上方法由办公区教程网编辑摘抄自百度经验可供大家参考!0qT办公区 - 实用经验教程分享!


    标签: 操作系统CHROME工具题解

    办公区 Copyright © 2016-2023 www.bgqu.net. Some Rights Reserved. 备案号:湘ICP备2020019561号