很多朋友对于jsonview谷歌浏览器和chrome jsonview不太懂，今天就由小编来为大家分享，希望可以帮助到大家，下面一起来看看吧！

本文目录

1. 谷歌浏览器怎么安装json视图插件
2. chrome浏览器怎么安装插件
3. vscode怎么运行javascript

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

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

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

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

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

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

二、chrome浏览器怎么安装插件

如果给google浏览器安装插件可以让我们使用起来更方便，将我们需要的插件功能安装到浏览器上。那么chrome浏览器怎么安装插件，许多电脑小白都不懂，别着急，下面小编和大家说说chrome浏览器安装插件的详细步骤。

google浏览器是谷歌开发的一款高速安全的电脑端web浏览器，Googlechrome浏览器功能强大，支持各种扩展，浏览器界面极其精简，支持跨设备使用，支持多种标准和技术，包括Flash和HTML5，现在Google浏览器下载安装已经成为最受用户喜爱的免费浏览器。本文小编给大家带来google浏览器官网下载最新版v85。

1、首先我们打开谷歌浏览器，然后找到多选设置的那一栏。

2、然后选择更多工具扩展程序。点击进入插件安装界面。

3、当我们进入插件的界面后，可以看到浏览器提供本地安装插件和网络安装插件。这里我分别介绍本地安装和网络安装两种途径。首先来介绍如何本地安装这里我们以jsonView插件为例。我们点击加载已解压的扩展程序，选择我们解压的程序。

4、然后选择我们已经下载好的插件解压包，如果没有外网的同学，又想下载好的插件，我建议去GitHub上面找插件，比较好找也比较全如果你不知道如何上GitHub网站我前面的文章有介绍，这里我们就直接选择好在GitHub上下载好的插件。点击确定之后我们会看到，插件界面会有插件安装好的软件信息，本地安装就完成了。

5、现在我们来讲下如何网络安装喜欢的chrome插件，如果有同学可以访问外网，小编还是建议大家用网络去安装，因为这样简单而且方便，不用去其他地方找软件下载。这里所说的安装方式就是通过谷歌的网上应用上商店安装。

6、我们进入应用商店后，选择要安装的插件，然后直接插件即可，之后会出现插件介绍的界面，然后点击右上角哪里添加插件即可。点击插件之后，插件会自动进行下载安装。

7、当下载和安装完成之后，我们再进入扩展程序界面也就是插件安装界面，去检验是否安装成功。可以看到已经安装好的插件信息说明已经安装好了。

以上小编和大家分享chrome浏览器安装插件的详细步骤，希望本教程内容能帮助到大家！

三、vscode怎么运行javascript

1、直接按F5可以调试的方法或者点击运行按钮（可以直接运行html文件或者js文件）

在launch.json文件中的配置如下：

"name":"谷歌浏览器",//运行html文件，用谷歌浏览器打开

"name":"nodeLauch",//单独调试js，即可以直接运行js

"program":"${file}",//这个配置成你要调试的文件、${file}当前打开的文件

2、第二种方法Ctrl+Shift+B快捷键运行html文件，在Tasks.json中配置如下：

"command":"C:/Users/shannonliang/AppData/Local/Google/Chrome/Application/chrome.exe"

3、如果第二种方法，不想每次都按这个快捷键，请参考npm配置node服务方法：

OK，本文到此结束，希望对大家有所帮助。