大家好，关于谷歌浏览器引入console很多朋友都还不太明白，今天小编就来为大家分享关于谷歌浏览器console执行命令的知识，希望对各位有所帮助！

本文目录

1. 火狐浏览器怎么打开console
2. chrome设置完不保存
3. Google浏览器F12功能介绍
4. 在uni-app中引入和使用uViewUI
5. 怎样在浏览器上面运行一段代码
6. google程序员用什么开发工具
7. 浏览器中console. log()是什么意思

一、火狐浏览器怎么打开console

1、首先打开计算机，在计算机内打开火狐游览器，在游览器内界面上点右键，用"审查元素"可以打开控制台，打开后直接聚焦到当前元素。有些网页可能改写了右键功能导致无法使用审查元素。

/iknow-pic.cdn.bcebos.com/63d9f2d3572c11dfa7ef86c96d2762d0f703c219"target="_blank"title="点击查看大图"class="ikqb_img_alink">/iknow-pic.cdn.bcebos.com/63d9f2d3572c11dfa7ef86c96d2762d0f703c219?x-bce-process=image%2Fresize%2Cm_lfit%2Cw_600%2Ch_800%2Climit_1%2Fquality%2Cq_85%2Fformat%2Cf_auto"esrc=""/>

2、在某些比较新的chrome内核浏览器中"审查元素"变成了"检查"，功能是一样的。

/iknow-pic.cdn.bcebos.com/83025aafa40f4bfb23e9a7be0d4f78f0f736181a"target="_blank"title="点击查看大图"class="ikqb_img_alink">/iknow-pic.cdn.bcebos.com/83025aafa40f4bfb23e9a7be0d4f78f0f736181a?x-bce-process=image%2Fresize%2Cm_lfit%2Cw_600%2Ch_800%2Climit_1%2Fquality%2Cq_85%2Fformat%2Cf_auto"esrc=""/>

3、最后在界面内找到如图下标记的三条杠选项并使用鼠标单击，再在弹出的选项栏内找到Web开发者选项并使用鼠标单击即可成功打开火狐游览器的console。

/iknow-pic.cdn.bcebos.com/3b87e950352ac65c54c35d99f5f2b21192138a11"target="_blank"title="点击查看大图"class="ikqb_img_alink">/iknow-pic.cdn.bcebos.com/3b87e950352ac65c54c35d99f5f2b21192138a11?x-bce-process=image%2Fresize%2Cm_lfit%2Cw_600%2Ch_800%2Climit_1%2Fquality%2Cq_85%2Fformat%2Cf_auto"esrc=""/>

二、chrome设置完不保存

1、下载谷歌浏览器，然后打开谷歌浏览器。

2、接下来按【F12】键打开控制台界面，并切换到javascript调试窗口，也就是【Console】窗口。

3、设置，点击控制台右边的设置图标，类似于一个小螺母一样的图标。

4、打开的设置窗口的首届面，在【Disablecache...】前面打勾，当调试工具打开时禁止浏览器缓存。

5、设置成功，下次在调试javascript时，只要打开调试窗口，谷歌浏览器就不会保存此页面的缓存。

三、Google浏览器F12功能介绍

1、对于java的Web开发人员，常常要进行界面的调试。使用F12调试工具能够很方便地进行调试，查看html元素，查看响应事件，本文就google浏览器的F12功能进行介绍。

2、打开F12键之后，第一个tab页是Elements，我们称为页面元素，这里能查看页面的所有元素。

3、如果觉得某个页面样式很好，想要引用到自己的项目中，可以点击最左测的图标，然后将光标移动到你觉得好看的页面元素上。

4、第二个tab页是Console，我们称之为控制台，在我们调试程序的时候，如果出现bug问题，通常会在此进行展示，我们根据具体问题进行解决。

5、第三个tab页是Sources，我们称之为资源，这里是目前打开的界面所涉及的所有元素，包括图片、样式、js文件等。

6、第四个tab页也是我们经常使用的，查看页面请求加载的所有信息，包括css样式，图片还有一些http响应等。

7、如果想看XHR的请求，一般一些ajax响应，界面的url请求之类的都属于这一范畴，我们点击XHR即可，默认的是ALL，所有。

8、对于这些请求，我们可以分别点击这些事件，然后会看到有响应抬头（Headers）、预览（Preview）、响应（Response）等。

四、在uni-app中引入和使用uViewUI

uViewUI在HBuilder X的插件市场：

uViewUI官方地址：

有两种方式可以查询到正在使用的uView的版本：

console.log(this.$u.config.version);

uView依赖SCSS，您必须要安装此插件，否则无法正常运行。

2.1、HBuilderX工具中要安装scss插件： HX菜单的工具->插件安装中找到"scss/sass编译"插件进行安装

在插件市场直接导入：

注：插件市场不支持IE跳转，建议用谷歌浏览器

如果您的项目是由vue-cli创造的，请通过以下命令安装对sass（s​​css）的支持，如果已安装，请略过。

3.1、在main.js文件全局引入uView

3.2、uni.scss文件引入uView的全局SCSS主题文件

3.3、在App.vue文件引入uView基础样式

注：uni-app为了调试性能的原因，修改easycom规则不会实时生效，配置完后，您需要重启HX或重新编译项目才能正常使用uView的功能。

请确保您的pages.json中只有一个easycom分区，否则请自行合并多个约会规则。

// pages.json{"easycom":{"^u-(.*)":"uview-ui/components/u-$1/u-$1.vue"},//此为本身已有的内容"pages": [//...... ]}

某些情况下，您可能不想通过easycom引用组件（虽然我们极力推荐您使用easycom），那么您可以使用import这个常规的约会方式，如下：

五、怎样在浏览器上面运行一段代码

1、1，首先我们在电脑上面找到google浏览器，点击鼠标右键，选择打开。

2、2，打开google浏览器之后，我们点击右上角的省略号，打开更多功能。

3、3，在更多功能当中，我们选择更多工具，点击打开。

4、4，在更多工具当中，我们选择开发者选项，点击打开。

5、5，在右侧打开列表当中，我们选择console，点击打开。

6、6，最后在页面的空白处输入我们的代码，我们可以自行输入代码，也可以复制粘贴一段代码，然后按回车键就可以成功的运行了。

六、google程序员用什么开发工具

1、只要安装了谷歌浏览器，就可以使用GoogleChrome开发者工具了，GoogleChrome开发者工具是内嵌到浏览器的开发工具,打开方式有两种：第一“按F12”，第二：shiftctrli

2、可以查看网页运行后提示的消息，错误或者警告以及输出内容等，网页后台可以使用Console.debug("输出内容")；来在Console输出显示，可以做到调试的作用吧，不过一般真正调试不是拿Console。console.debug("Console使用介绍");console是小写形式，不然提示没有Console

3、Resources里可以查看web程序跑起来后所加载的一些资源（Resources），包括图片或者其他“值”，以及Cookies

4、Sources可以查看运行的脚本，调试一般都是在Sources调试的，所以程序开发者需要了解和熟悉Sources的使用

5、在左侧的脚本代码编号，鼠标点击即可添加断点，添加断点后，刷新网页，程序运行到断点即可看到断点调式的状态了，具体调试需要在自己想查看某个方法里边是否有问题，一步步排除，效果很好

6、NetWork可以看到网页加载的脚本和资源的时间，还可以看到某些不能加载成功的资源；这里有位是百度首页演示，百度首页内容很干净所以不需要加载什么图片等资源

7、Elements这个就比如页面的每个元素吧，比如百度搜索这个图片，可以通过Elements找到，搜索框也可以，在底下的“放大镜”类似的控件，点击然后选择自己想要查看要素或位置，Elements会跳转到相应的实现代码

七、浏览器中console. log()是什么意思

1、除了一些很老版本的浏览器，现今大多数浏览器都自带调试功能；即使没有调试功能，也可以通过安装插件来进行补充。

2、比如，老版本的Firefox没有自带调试工具，在这种情况下可以通过安装Firebug插件来添加调试功能。在具备调试功能的浏览器上，window对象中会注册一个名为console的成员变量，指代调试工具中的控制台。通过调用该console对象的log()函数，可以在控制台中打印信息。

3、console.log()可以接受任何字符串、数字和JavaScript对象。与alert()函数类似，console.log()也可以接受换行符\n以及制表符\t。console.log()语句所打印的调试信息可以在浏览器的调试控制台中看到。不同的浏览器中console.log()行为可能会有所不同。

关于谷歌浏览器引入console到此分享完毕，希望能帮助到您。