Chrome 打开开发者工具

最开始我是更新了Chrome然后我打开控制台的时候给我报了个弹框,不小心点了一下,然后发现打开devtools的时候变慢了,我去devtools的设置看了一下,没怎么搞明白,直接给它恢复默认了事。现在可以用了。

首先进入设置,点一下按钮

Chrome 打开开发者工具

 然后就是这样,看不懂英文就换个语言吧,~~,然后往下划,滑到底

Chrome 打开开发者工具

 现在就变成了这样

 

Chrome 打开开发者工具

 最后点击一下就好,最后就是这样了,上面会有一个选择,别乱点,不然又回到原样,吸取教训

点一下那个红框的按钮,至于为什么要点,别问,强迫症受不了

Chrome 打开开发者工具

Chrome打开新标签时自动打开开发者工具

Chrome 打开开发者工具

purpleOrange

Chrome 打开开发者工具

2021年06月16日 13:27 ·  阅读 4385

关注

问题:

假设,有页面A,A中有个按钮,点击后自动打开新标签B,我们需要捕获B页面发送的请求、地址等等参数。

解决方案:

首先需要设置Chrome

  1. 打开开发者工具(F12)

  2. 打开setting

    Chrome 打开开发者工具

  3. 选项Preferences - Global - 勾选Auto-open DevToole for popups

    Chrome 打开开发者工具

  4. 设置保留上一次请求的log,选项卡Network - 勾选Preserve log

    Chrome 打开开发者工具

  5. 设置完成后,重点:在页面A需要打开“打开开发者工具(F12)”,然后点击按钮。则新打开的标签B也会自动打开“打开开发者工具(F12)”

大家知道css opacity属性背景透明是常有的事,发现有时候居然存在浏览器不兼容问题,后经过查找尝试发现如下能使浏览器兼容不再有问题。有兼容问题的不妨一试。<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> &l

css 半透明

  • 怎么修改chrome浏览器的字体

    怎么修改chrome浏览器的字体

    中文字体 渲染效果 简体中文 chrome 自定义字体

  • 怎么在浏览器查cookie

    1、F12进入开发者状态 2、 ...

    开发者 程序

  • js 获取手机浏览器类型,修改css文件的class的值

    /*========================================= 函数功能:获取浏览器类型 =========================================*/ function getBrowser() { var type = "pc" var ua = navigator.userAgent.toLowerCase(); ...

    css android html 回调函数 i++

  • DIV+CSS在不同浏览器中的表现

     在给员工培训DIV+CSS的过程中。他们向我提出了非常多问题,有些问题我自己也没有想到过于是抽了些时间自己进行了一番实验,所有实验在IE7和Firefox中进行: 实验一、假设一个div没有指定border属性那么这个div在浏览器中会不会出现边框呢? 结果:IE7:不会。Firefox:不会

    firefox 左对齐 div+css

  • Chrome 浏览器怎么修改user-agent伪装其它浏览器

    打开chrome,windows上F12 右下角的点点开,选择More tools,展开之后选择Network conditions 下方会打开一个tab。里面是关于浏览器网络的一些设置。是否支持cache,选择什么类型的网络,user-agent等。 User Agent默认是勾选的,值为系统自动

    chrome 其他

  • css 浏览器

    css 浏览器div { transform:rotate(7deg); -ms-transform:rotate(7deg); /* IE 9 */ -moz-transform:rotate(7deg); /* Firefox */ -webkit-transform:rotate(7deg); /* Safari and Chrome */ -o-transform:rotate(7deg); /* Opera */ }

    chrome css safari firefox 知识

  • 判断浏览器是否支持某个css属性

    判断浏览器是否支持某个css属性(function(temp){ if(temp.style["transition"]!== undefined){ return true; } return false;})(document.createElement("div"));

    css

  • Html 浏览器html调试 修改代码 浏览器调试怎么编辑html

    浏览器html调试 修改代码 浏览器调试怎么编辑html右键编辑html增加img 什么是HTML?HTML 是用来描述网页的一种语言。HTML 指的是超文本标记语言: HyperText Markup Language HTML 不是一种编程语言,而是一种标记语言 标记语言是一套标记标签 (markup tag) HTML 使用标记标签来描述网页 HTML 文档包含了HTML 标签及文本内容 H

    html 标记语言 刷新页面

  • js修改css属性值

    推荐用dom.style.setProperty('属性','属性值'); 例如: 也可以用dom.style.属性=属性值; 但是却不太好用,比如下面这个就没有成功

    JavaScript css jQuery 属性值 JAVA

  • IE浏览器被修改怎么办?

    症状 浏览器被恶意修改、篡改的现象比比皆是,不多说直接进入正题,给大家一些解决方法。 1、IE浏览器的Homepage主页被强行篡改;相对而言,这还是相对礼貌的篡改方式,我们还可以症状浏览器被恶意修改、篡改的现象比比皆是,不多说直接进入正题,给大家一些解决方法。1、IE浏览器的Homepage主页被强行篡改;相对而言,这还是相对“礼貌”的篡改方式,我们还可以通过简单的方法改回来;

    搜索 开始菜单 右键菜单 收藏夹 解决方法

  • react 在别的浏览器中显示,在qq浏览器中显示白板

    今天碰到一个坑,在别的浏览器显示正常,只有qq浏览器不正常,加了require('core-js');就好了,记一下

    qq 浏览器 react

  • 浏览器私有属性

    一.css中抬头 代表firefox浏览器私有属性 代表ie浏览器私有属性 代表safari、chrome私有属性 代表opera 二.常见的中私有属性拿chrome浏览器举例 1.输入框 2.禁用选择文本 3.selection (下拉框) 4.滚动条 5.input range 6.字体描边 "

    前端开发

  • 浏览器的CSS Hacks

    LZ注:此文原作者是:Paul Irish(Google的前端开发project师),本文是原文的部分译文。 我不再使用CSS Hacks了。相反的是,我将使用IE的条件推断将类应用到body标签。 可是。我想记录我之前碰到过的每个浏览器特定的CSS 选择器和样式属性。我相信也没有其它方式提供样式表

    html safari chrome css xml

  • 如何修改meclipse中的默认浏览器

    window------->preferrences------------>general-------------->web browser---------->选择你要使用的默认浏览器就ok了~~~~~

    默认浏览器 其他

  • 修改浏览器Cookie

    Firefox:安装 Web Developer 插件,装完重启之后会出现一排新的工具栏,点击 Cookies -> Add Cookie… 即可增加/修改一个Cookie了。 Opera:Opera 可以在 菜单 -> 工具 -> 高级 -> Cookie… 对话框中找到当前的页面的 Cookie

    跨浏览器 chrome 重启 firefox 工具栏

  • 在浏览器中调试XPath

    1. 使用Google Chrome 下载XPath Helper,按ctrl+shift+x调出对话框2. 输入表达式,匹配的部分会标黄显示 技巧:1. 出去属性中的空格例如:<div class="wx-rb wx-rb3"> 要匹配这个div,需要通过指定class值,而XPath默认不支持带空格的属性值匹配需要借助函数normalize-space写法://div[@

    Google 浏览器 Chrome border

  • 在Java中打开浏览器

    try { Runtime.getRuntime().exec( "explorer http://www.baidu.com"); java.net.URI uri = new java.net.UR...