大家好，谷歌浏览器抓json相信很多的网友都不是很明白，包括谷歌浏览器抓包教程也是一样，不过没有关系，接下来就来为大家分享关于谷歌浏览器抓json和谷歌浏览器抓包教程的一些知识点，大家可以关注收藏，免得下次来找不到哦，下面我们开始吧！

本文目录

1. 在火狐浏览器中,显示的json数据为什么是这样
2. 如何在浏览器里抓取网页数据
3. 如何使用 jsonp 进行浏览器跨域
4. 怎么把火狐生成的收藏夹文件.json再导入到360浏览器里面
5. edge浏览器json如何导入
6. 谷歌浏览器怎么安装json视图插件
7. 如何判断浏览器post的是form data还是json data

一、在火狐浏览器中,显示的json数据为什么是这样

1、建议补充说明下json数据显示出了什么问题。

2、一般如果格式不符合一般情况，多是因为json数据中有肉眼不可见的特殊字符所导致的问题。

3、而火狐浏览器对特殊字符本身会有一些处理。这也是为什么很多应用用到json数据的时候，在火狐下和在别的内核浏览器下展示效果有差异的原因之一。

二、如何在浏览器里抓取网页数据

在火狐浏览器和谷歌浏览器中可以非常方便的调试network（抓取HTTP数据包），但是在360系列浏览器（兼容模式或IE标准模式）中抓取HTTP数据包就不那么那么方便了。虽然也可使用HttpAnalyzer等工，但是毕竟都是收费软件。只需通过合适的过滤和操作，Wireshark也可抓取HTTP请求和响应。下面便说明具体操作。

假设在8080端口运行一个HTTP服务器，本例中使用Python Flask运行一个HTTP服务并侦听8080端口，实现一个简单的加法运算，网页中通过ajax提交两个数据，例如a=2&b=3，Flask处理之后返回一个json数据包，格式如{"result":5}。

http and ip.addr==192.168.1.106and tcp.port==8080

ip.addr==192.168.1.106：指定服务器ip地址，请根据实际情况替换。

tcp.port==8080，指定端口号，请根据实际情况替换。

点击apply，点击apply之后可过滤得到两个数据包，分别是HTTP请求和HTTP响应。

2.查看TCP数据流——Follow TCP Stream

在任意数据包上右击，选择Follow TCP Stream。该步骤可以过滤出和该HTTP数据包有关的TCP数据包，包括TCP 3次握手，TCP分片和组装等。

红色背景字体为HTTP请求，蓝色背景字体为HTTP响应

从User-Agent中可以看出，360浏览器兼容模式使用了IE8内核（该台计算机操作系统为XP，IE浏览器版本为8），这说明360浏览器使用了系统中的IE核。

3.总结相对于火狐或谷歌浏览器中使用调试工具抓取HTTP数据包，使用wireshark要显得复杂些，但是也可以达到最终效果。这些操作分为两步，第一步设置合理的过滤条件，第二步在任意数据包中选择Follow TCP Stream。

三、如何使用 jsonp 进行浏览器跨域

1、JSONP是一种依靠开发人员的聪明才智创造出的一种非官方跨域数据交互协议。JSONP的基本原理是利用标签的 src属性没有跨域限制的特性来实现跨域数据访问。在使用 JSONP时，需要在客户端创建一个 script标签，将需要访问的资源 URL以参数形式传递给服务器，服务器在接收到请求后，将数据装入一个函数调用中返回给客户端。

2、CORS是一种标准的跨域解决方案，它通过在服务器端设置响应头来允许浏览器跨域访问资源。CORS支持所有主流浏览器，并且不需要客户端进行任何特殊处理。

四、怎么把火狐生成的收藏夹文件.json再导入到360浏览器里面

1、您可以将书签以HTML文件格式导出，然后导入其他浏览器。

2、在Firefox窗口的顶端，单击书签(B)菜单并选择管理书签....

3、将会打开“我的历史”窗口。您可以在这里整理您的书签。在此窗口的顶部，单击导入以及备份(I)菜单并选择导出HTML....

4、您将看到导出书签文件窗口。在这里选择一个好记的位置储存您的书签（例如桌面）。

5、Firefox将在您所选的位置保存一个HTML文件来储存您所有的书签。您可以将其保存起来以备不时之需，或将其导入到其他网络浏览器。

6、打开360浏览器，导入html文件即可。

7、希望我的回答对您有所帮助，如有疑问，欢迎继续在本平台咨询。

8、了解更多火狐浏览器的使用小技巧，请到火狐社区：

五、edge浏览器json如何导入

1.打开Microsoft Edge浏览器，输入json链接，在json页面上方选择"个人资料"，然后在下拉菜单中选择你要导入JSON文件的个人资料。

2.在页面下方，找到"导入浏览数据"，并点击"从文件导入"。

3.在页面下方，找到"导入浏览数据"，并点击"从文件导入"，然后点击确定即可完成导入。

Microsoft Edge浏览器是由微软公司开发的一款现代化网络浏览器，具有更快的加载速度，更好的网页兼容性。

六、谷歌浏览器怎么安装json视图插件

如今很多开发者在前后台分离情况下都用json数据交互信息，开发者通常用浏览器访问api显示json数据，但是通常默认情况下json在浏览器上的可读性较差。此教程插件可以让开发者提高开发效率。

2、打开谷歌浏览器的左上角菜单键--更多工具--扩展程序。就会到扩展程序界面

3、然后把下载好的插件，直接拖拽到扩展程序界面，会提示安装插件，安装成功后点击启用插件，如图：

4、启用插件后，我们的插件会自动检查当前显示的数据是否是json，我们可以对比下，下面的第一张图是没有插件的显示情况，第二张图是有插件的显示效果。

5、如果大家在用了插件后，有的时候想看下普通视图，大家点击页面右上角的viewsource就可以查看没用插件的结果视图了，我相信这个插件能给很多开发者溢处，主要能提高工作效率啊！

七、如何判断浏览器post的是form data还是json data

发送一个POST请求，简单抓包就知道

POST/node/ProfileFolloweesListV2 HTTP/1.1

User-Agent: Mozilla/5.0(Windows NT 10.0; WOW64; rv:49.0) Gecko/20100101 Firefox/49.0

Accept-Language: en-US,en;q=0.5

Accept-Encoding: gzip, deflate, br

Content-Type: application/x-www-form-urlencoded; charset=UTF-8

X-Requested-With: XMLHttpRequest

Referer:

method=next¶ms=%我是经过URL编码后的JSON字符串的马赛克%

这个格式一看就是x-www-form-urlencoded（注意看headers中的Content-Type值和POST数据的编码格式）。提交的字段method为next，params是一段JSON字符串。

后端的逻辑极有可能是这样：服务器拿到请求后，先对payload部分进行拆分、解码，得到各个字段的值，这个URL相应的控制层代码再对params处理转换为JSON对象。

好了，文章到此结束，希望可以帮助到大家。