前言 进行移动端网页开发时,想要查看手机浏览器信息从来都不是一件容易的事。特别是当目标环境为APP内置WebView,需要调用特定的JsBridge接口时,你根本都干不了什么,只能一遍又一遍地修改代码,重新打开页面并alert一下。你可能会说,可以使用Chrome,Firefox连接手机调试 ...
一个针对手机网页的前端 console 调试面板。 简介 vConsole 是一个网页前端调试面板,专为手机 web 页面量身设计,帮助开发者更为便捷地进行开发调试工作。 手机预览 http: wechatfe.github.io vconsole demo.html 使用方法 .下载模块 checkout 文件dist vconsole.min.js到本地。 .引入模块 如果未使用 AMD C ...
2016-04-29 16:51 0 1777 推荐指数:
前言 进行移动端网页开发时,想要查看手机浏览器信息从来都不是一件容易的事。特别是当目标环境为APP内置WebView,需要调用特定的JsBridge接口时,你根本都干不了什么,只能一遍又一遍地修改代码,重新打开页面并alert一下。你可能会说,可以使用Chrome,Firefox连接手机调试 ...
我们在开发手机版网页的时候,常常会出现下面的情景: (1) 开发时,在自己电脑上运行得好好的,在手机上打开就挂了,但是手机上又看不到error log; (2) 上线后,某用户表示页面失灵,但我们自己又重现不出来,看不到用户侧的出错信息。 如果说(1)还可以通过电脑连接手机以查看log来解决 ...
最近因为做抽奖页面,在android上可以使用手机连上电脑后用chrome浏览器chrome://inspect进行页面探测,但是ios中的页面就不能这样探测 在网上搜索后发现此插件,大大解决了问题 使用方法: 1、必须将vconsole.min.js放到<head>中 ...
Chrome是基于Webkit的先进浏览器,其开发调试功能非常强大。如果你在开发手机网页,推荐你使用他的手机网页调试功能。具体怎么用,请看下图: 第一步,打开Chrome后,按F11 或者 点右键 选 审查元素,调出Chrome的开发者工具,你可能会看到以下界面: 现在是普通网页 ...
我们在开发手机版网页的时候,常常会出现下面的情景: (1) 开发时,在自己电脑上运行得好好的,在手机上打开就挂了,但是手机上又看不到error log; (2) 上线后,某用户表示页面失灵,但我们自己又重现不出来,看不到用户侧的出错信息。 如果说(1)还可以通过电脑连接手机以查看log来解决 ...
太方便了,很实用的技巧(特意记录一下) 1.pc端安装最新的chrome2.手机端安装最新的chrome ( Android机 )3.USB连接线4.打开电脑的chrome 在地址栏输入 chrome://inspect 选中 Discover USB devices 可以检测到你的设备 ...
移动端调试神器vconsole,手机端网页的调试工具Eruda 移动端中使用 vConsole调试 移动端调试工具vconsole安装Git地址:https://github.com/WechatFE/vConsolevConsole是一款由微信公众平台前端团队打造的前端调试面板,专治手机端 ...