解决前端工程师手机调试难得困扰—

vConsole:一个轻量、可拓展、针对手机网页的前端开发者调试面板。

特性：

查看 console 日志
查看网络请求
手动执行 JS 命令行
自定义插件

上手

下载 vConsole 的最新版本。（不要直接下载 dev 分支下的 dist/vconsole.min.js）
或者使用 npm 安装：

1	`npm install vconsole`

引入 dist/vconsole.min.js 到项目中：

<script src= "path/to/vconsole.min.js" ></script>

<script>

console.log( 'Hello world' );

// 然后点击右下角 vConsole 按钮即可查看到 log

</script>

手机预览

手机扫描下方二维码或访问：http://www.w3cways.com/demo/vconsole/

解决前端工程师手机调试难得困扰——vConsole相关推荐

解决前端工程师与UI设计协同工作的问题
解决前端工程师与UI设计协同工作的问题参考文章: (1)解决前端工程师与UI设计协同工作的问题 (2)https://www.cnblogs.com/Sroot/p/7190196.html (3) ...
H5前端手机调试打印之vConsole
vConsole 一个轻量.可拓展.针对手机网页的前端开发者调试面板. 特性查看 console 日志查看网络请求查看页面 element 结构查看 Cookies 和 localStorag ...
android 解决华为系列手机调试时不能打印Logcat日志信息
华为荣耀6(华为h60-l01)在真机调试项目APP时,老是无法出现Logcat打印出来的各种错误信息.困了很久,最后发现原来是华为手机系统Log打印是关闭的. 具体怎么打开手机系统的Log打印呢? ...
解决chrome浏览器手机调试模式下鼠标指针消失(量化范围设置无效情况)
1. 鼠标右键(单击个性化) 2. 在左区域点击主题 3. 点击鼠标光标 4. 单击在上方指针选项 5. 勾选显示指针轨迹,这样就能显示小圆点了. 这种情况貌似在用HDMI外接显示器的时候才会出现,目 ...
如何利用数据挖掘平台，通过数据建模，解决垃圾短信带来的困扰
如今,手机已经成为人们日常生活必不可少的工具之一.虽然各种社交APP层次不穷,但手机短信以其操作简单.方便快捷等诸多优点一直都是用户间沟通的基础方式.手机短信在为人们带来极大便利的同时,随之而来的诸多 ...
前端工程师之华为手机如何打开开发者模式并进行手机调试查看原生APP效果。
导读:我这手机是华为nova 3系列手机,作为一名前端工程师,需要将代码安装包搞到手机,便于查看自己开发的功能模块是否完善. 目录工具准备华为手机如何打开开发者模式? 替换手机应用安装包
我的职业是前端工程师【五】: 前端工程师必会的六个调试技能
我还是一个野生程序员的时候,不会 Debug,只会傻傻地写一句句 std::count.即使是在今天,有些时候我也会这样做:打一个 console.log,然后看看结果是不是和预期的一样.如果不是和预 ...
手机调试打开控制台方法vconsole
功能简介: 手机调试网页,看不到控制台,无法获取接口相关信息,引入vconsole可以实现代码演示: <!DOCTYPE html> <html><head>&l ...
手机Web前端调试页面之——Chrome DevTools（谷歌浏览器）的模拟手机调试
Chrome DevTools(谷歌浏览器)的模拟手机调试前言在客户端开发中,由于使用手机app加载webview页面,客户端与前端经常会出现数据交互情况: 但是在手机中无法调试看到前端代码的步骤 ...
android 手机调试链接不上,解决android 连接真机调试连接不了的问题
无论是eclipse还是Android Studio ,有时候会出现无法连通手机的问题,显示: no target device fund. 可以根据以下几个步骤来解决此问题: 一.手机连接电脑,是否 ...

解决前端工程师手机调试难得困扰——vConsole

特性：

上手

手机预览

解决前端工程师手机调试难得困扰——vConsole相关推荐

最新文章

热门文章