移动端调试工具vconsole — 在移动端打开控制台

html-css010

移动端调试工具vconsole — 在移动端打开控制台,第1张

在我们平时项目开发中可以直接打开浏览器控制台,可以通过console.log打印一些我们希望看到的信息,但是在我们开发移动端应用时,往往需要进行真机测试,在手机上我们也希望能够打开控制台查看一些 console.log 打印出来的信息。而这就是本篇文章主要介绍的  vconsole 插件。

在移动端项目中打开控制台有两种方案:

步骤一:通过  CDN  地址引入 

     <script src="https://cdn.bootcss.com/vConsole/3.2.2/vconsole.min.js"></script>

步骤二:实例化

     <script>  var vConsole = new VConsole()  </script>

步骤三、运行项目查看项目页面中是否出现一个绿色 vConsole 的按钮,点击该按钮便可以打开控制台

步骤一、通过npm安装  vconsole

    npm install vconsole --save-dev 

步骤二、在项目入口文件中引入:

     import  vconsole  from  'vconsole'

步骤三、实例化 vconsole:  

    var  vConsole  =  new vconsole ()

步骤四、运行项目查看项目页面中是否出现一个绿色 vConsole 的按钮,点击该按钮便可以打开控制台

这个绿色按钮是可以打开的,打开可以展示面板,可以很方便查看网络请求,系统、log等情况。

VConsole是腾讯开源的一个轻量、可拓展、针对手机网页的前端开发者调试面板。

作为前端而言,通常习惯在PC通过F12使用调试面板,进行调试或者查看接口信息等。

在移动端我们可以使用VConsole来实现相同的功能。它是一个网页前端调试面板,专为手机 web 页面量身设计,帮助开发者更为便捷地进行开发调试工作。

前端即网站前台部分,运行在PC端,移动端等浏览器上展现给用户浏览的网页。随着互联网技术的发展,HTML5,CSS3,前端框架的应用,跨平台响应式网页设计能够适应各种屏幕分辨率,合适的动效设计,给用户带来极高的用户体验。

HTML、CSS、JavaScript的作用:

这三个是前端开发中最基本也是最必须的三个技能。前端的开发中,在页面的布局时, HTML将元素进行定义,CSS对展示的元素进行定位,再通过JavaScript实现相应的效果和交互。虽然表面看起来很简单,但这里面需要掌握的东西绝对不会少。

在进行开发前,需要对这些概念弄清楚、弄明白,这样在开发的过程中才会得心应手。

Vconsole指的是微信平台上的一个小程序,这个小程序可以帮助大家展开日志或者是进行调试等等。微信平时页面经常会出现一些问题,后期的开发者便会运用这种移动端的调试神器,帮忙让机械功能回到正常。

vConsole 由腾讯一个轻量、可拓展、针对手机网页的前端开发者调试面板,专为手机 web 页面量身设计,帮助开发者更为便捷地进行开发调试工作。

控制台。

1、首先作为前端而言,通常习惯在PC通过F12使用调试面板,进行调试或者查看接口信息等。在移动端我们可以使用VConsole来实现相同的功能。它是一个网页前端调试面板,专为手机 web 页面量身设计,帮助开发者更为便捷地进行开发调试工作。

2、然后了解前端即网站前台部分,运行在PC端,移动端等浏览器上展现给用户浏览的网页。随着互联网技术的发展,HTML5,CSS3,前端框架的应用,跨平台响应式网页设计能够适应各种屏幕分辨率,完美的动效设计,给用户带来极高的用户体验。

前端技术一般分为前端设计和前端开发,前端设计一般可以理解为网站的视觉设计,前端开发则是网站的前台代码实现,包括基本的HTML和CSS以及JavaScript/ajax,最新的高级版本HTML5、CSS3,以及SVG等。

3、最后简单介绍web的本意是蜘蛛网和网的意思,在网页设计中我们称为网页的意思。现广泛译作网络、互联网等技术领域。表现为三种形式,即超文本(hypertext)、超媒体(hypermedia)、超文本传输协议(HTTP)等。