f12

1. 请求数据，请求头详解。 一个http请求 由请求行，请求头，请求体组成。 ①是请求方法，HTTP/1.1 定义的请求方法有8种：GET、POST、PUT、DELETE、PATCH、HEAD、OPTIONS、TRACE, 最常的两种GET和POST，如果是RESTful接口的话一般会用到GET、POST、DELETE、PUT。 ②为请求对应的URL地址，它和报文头的Host属性组成完整的请求URL ③是协议名称及版本号。 ④是HTTP的报文头，报文头包含若干个属性，格式为“属性名:属性值”，服务端据此获取客户端的信息。 ⑤是报文体，它将一个页面表单中的组件值通过param1=value1&param2=value2的键值对形式编码成一个格式化串，它承载多个请求参数的数据。不但报文体可以传递请求参数，请求URL也可以通过类似于“/chapter15/user.html? param1=value1&param2=value2”的方式传递请求参数。 对照上面的请求报文，我们把它进一步分解，你可以看到一幅更详细的结构图： image.png 2. 响应头，响应报文。 ①报文协议及版本； ②状态码及状态描述； ③响应报文头，也是由多个属性组成； ④响应报文体，即我们真正要的“干货”。 响应状态码 和请求报文相比，响应报文多了一个“响应状态码”，它以“清晰明确

你不知道的，F12开发者工具调试技巧 1. 调试伪类 (点击styles 选择：hov 在下方选择元素的状态即可) 方式二 （在elments中选中节点然后右键选中元素前状态，点击后 节点前就会出现一个橘色小球，然后在右侧就可以查看样式了） 2.筛选选中节点上的class名（点击.cls后可在下面的勾选框中筛选） add new class 可为改节点添加一个新的class类名 .cls旁的+号可以在下方添加一个如上的空类名css对象，用于调试 filter中类似 ctrl +F的功能筛选的是下方内容 3. 节点断点调试 很多时候，我们需要查看元素的节点状态发生改变的时候，（通常是js修改）同样选择后，节点前会有蓝色小球标示 这里可以看见当前页面所有断点 5. js断点调试 选择源代码模式 点击创建断点，断点可以创建多个 条件中断断点 （很多时候，并不需要查看所有） 也可以在这里查看信息 6.NetWork 详细介绍 [外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-ILWTnKkr-1572052278865)(C:\Users\Administrator\Desktop\博客分享\imge\t10.png)] 从红色的按钮开始从左到右 记录按钮 处于打开状态时会在此面板进行网络连接的信息记录，关闭后则不会记录。 清除按钮 清除当前的网络连接记录信息。

mac下intellij查看类结构快捷键有两种形式。 方法一 alt+7，通过窗口展示类结果，点击对应的方法，类中跳转到对应的位置，但此窗口并不会消失。如下图： 方法二 默认使用command+F12（Fn换出F12），弹出窗口如下图，当点击对应的方法或属性时，窗口消失。适合一次性使用。 原文链接：《 INTELLIJ MAC查看类结构快捷键 》 程序新视界 ：精彩和成长都不容错过 来源： https://www.cnblogs.com/secbro/p/11666911.html

//禁用右键 document.oncontextmenu = function () { return false; }; //禁用开发者工具F12 document.onkeydown = function () { if (window.event && window.event.keyCode == 123) { event.keyCode = 0; event.returnValue = false; return false; } }; 来源： https://www.cnblogs.com/Naiky/p/11649734.html

chrom浏览器为例 （1）打开开发者工具，在浏览器菜单栏选择工具-开发者工具，快捷键是F12 （2）打开之后切换到Network页签，操作就可以看到请求响应 （3）再选择响应的链接，切换到Preview页签，可以看到响应的结果数据；切换到Headers页签可以看到请求的地址，请求的方式，结果等信息 （4）Response结果中可以看到返回的数据字段、值 如图，此时页面出现报错 点击该条报错信息 可以根据响应的值判断一些bug所在 　　（1）响应中没有数据，则是后端数据没有返回，前端展示为空，则为后端问题。例如：列表中新增一个数据，没有显示，通过请求中可以看到数据total为0，则是后端数据没有返回。 　　（2）响应中有数据，但是前端显示错误了，可以根据字段值判断是否前端显示中取错了字段显示，可以判断是前端问题。例如：前端显示内容错误了，把登录用户名显示了登录帐号，则可以在响应中看数据是否返回正确，返回正确而显示错误，则有可能是前端绑定字段错误。 （3）响应中有数据，但是跟自己操作的结果不一致，可以根据数据库查询，如果数据库中也没有记录，可能是代码有问题，没有记录你的操作。例如：注册了一个帐号，但是登录时提示帐号或密码错误，这就可以在数据库表中查看是否有注册的数据。 定位后提交问题 1. 前台的bug通常是功能、界面和兼容性等有关。后台的bug与性能和安全性有关。前台bug定位

联想如何切换至正常的F1~F12 Fn+Fx的生活让我疲倦，实在难受，就开始了尝试关闭Fn 问题一：无法打开BIOS设置界面 重启，在开机界面时，按F2？？？顺利开机…（相较于台式机开机时，可以按F2的提示根本没有），可能是开机太快？ 再次尝试时，关闭电脑，按住F2，重新开机，顺利跳转到BIOS设置界面 具体操作过程 第一步：打开BIOS设置界面，如上图 第二步：通过方向键，进入 Configuration ，将 Hotkey Mode 中的 Enable 改为 Disable 第三步：F10保存退出 没了，就到这里了，北北 来源： https://www.cnblogs.com/ysz-123/p/11586032.html

注意下，有3个坑， 1. 解码方式是随机的，记得看DATA下面提示用哪种 2. post时候可以直接用f12里的console，命令是： $.post('https://www.hackthebox.eu/api/invite/generate',function(data){console.log(data)}) （懒的话，直接在invite页面打开F12控制台 输入上面那句，得到data再去base64解密下就得到邀请码了） 3. 获得邀请码了注册时候，一直跟你说验证通不过，是因为要开VPN！！！没开VPN，我换了几个浏览器都不行，一开VPN就出来点图片验证了。 来源： https://www.cnblogs.com/futurefisherman/p/11456693.html

Chrome浏览器获取XPATH的方法----通过开发者工具获取 引用源： https://blog.csdn.net/li6727975/article/details/46126079 版权声明：本文为博主原创文章，遵循 CC 4.0 by-sa 版权协议，转载请附上原文出处链接和本声明。 本文链接： https://blog.csdn.net/li6727975/article/details/46126079 还在为xpath的正确性而犯愁吗？难道必须得装一个Firefox浏览器，安装一个插件？ No！！！！！！！ 有了chrome浏览器，照样能获取xpath，而且保证正确。 具体的使用方法？请往下看。 chrome有自己的开发者工具，可以用这儿来直接获取xpath，都不用担心正确性了。 具体使用步骤如下： 1、在chrome浏览器的右上角有个选择菜单，也就是这个，点一下： 2、在列表最后面有个“更多工具”，点击一下，就可以看到开发者工具了。 3、打开开发者工具后，点击开发者工具中第一行的第一个对话框Elements，如下： 这是极客学院的首页源代码。 4、这个时候就看到了网页具体的源代码有木有。接下来，找到自己想要爬取的列表，在那个列表上点击右键，就会出“Copy Xpath”了。具体如下： 本示例爬取的是极客学院首页，想要获取它的课程列表，那么在源代码中找到这些列表信息

F键，功能键，Function键。F12常用于网站界面测试、调试，分析网页所出现的问题，查看html元素、查看响应事件等方面。 打开一个网页，点击F12，弹出一个窗口，其窗口的功能如下： 1 Elements（页面元素） 查看网页页面的所有元素，修改元素的代码与属性。用于查看元素的属性、CSS属性、监听事件以及端点等等。 2 Console（控制台） 当网页的JS代码中使用了console.log( )函数时，该函数输出的日志信息会在控制台中显示。日志信息一般情况下是测试开发工程师在测试调试时启用，而在正式上线后，一般会将console.log( )函数去掉。 在测试界面时，如果出现Bug问题，一般情况下会在这栏展示，查看调试日志信息或者异常错误信息，然后前端开发工程师根据具体问题来调试，进行解决问题。 3 Sources（源代码） 当前打开的网页界面所涉及到的所有源代码都会出现在该栏，包括：样式、css、图片、js文件等 4 Network（网络） 查看Network信息，可以查看请求地址、URL、响应状态码（Status）、响应数据类型（Type）、响应数据大小（Size）、响应时间（Time）以及重要相关区域的请求耗时（Waterfall），也可筛选出不同类型的URL。 来源： https://www.cnblogs.com/wangxing8282/p/11394936

http://hi.baidu.com/hieda/blog/item/e40402f0bd7df9c07931aaff.html F1～F12都有什么用? 所有的键盘都至少有12个功能键，通常被称为F键，其位置一般是在键盘顶部，从F1到F12。不过你知道所有这些键的作用吗？你知道这些键怎样为你节省时间吗？ 　　F1: 如果你处在一个选定的程序中而需要帮助，那么请按下F1。如果现在不是处在任何程序中，而是处在资源管理器或桌面，那么按下F1就会出现Windows的帮助程序。如果你正在对某个程序进行操作，而想得到Windows帮助，则需要按下Win＋F1。按下Shift+F1，会出现"What's This?"的帮助信息。 　　F2：如果在资源管理器中选定了一个文件或文件夹，按下F2则会对这个选定的文件或文件夹重命名。 　　F3：在资源管理器或桌面上按下F3，则会出现“搜索文件”的窗口，因此如果想对某个文件夹中的文件进行搜索，那么直接按下F3键就能快速打开搜索窗口，并且搜索范围已经默认设置为该文件夹。同样，在Windows Media Player中按下它，会出现“通过搜索计算机添加到媒体库”的窗口。 　　F4：这个键用来打开IE中的地址栏列表，要关闭IE窗口，可以用Alt＋F4组合键。 　　F5：用来刷新IE或资源管理器中当前所在窗口的内容。 　　F6