前端h5开发调试神奇vconsole

(1)项目中安装vconcole插件 npm install vconcole (2)在vue项目中main.js中引入插件 import Vconsole from 'vconsole'; const vConsole = new Vconsole(); export default vConsole; (3)上传发布页面,手机端会默认开启vconcole模式进行调试. …

我们在开发手机版网页的时候,常常会出现下面的情景: (1) 开发时,在自己电脑上运行得好好的,在手机上打开就挂了,但是手机上又看不到error log: (2) 上线后,某用户表示页面失灵,但我们自己又重现不出来,看不到用户侧的出错信息. 如果说(1)还可以通过电脑连接手机以查看log来解决,那(2)在没有完善的前端上报体系时就非常被动了. 作为开发者,我们的诉求很简单:有没有快捷的方法在手机前端页面看到log日志? 答案是肯定的. vConsole:一个轻量.可拓展.针对手机网页的前端开发者调…

手机前端开发调试利器-vConsole

最近因为做抽奖页面,在android上可以使用手机连上电脑后用chrome浏览器chrome://inspect进行页面探测,但是ios中的页面就不能这样探测在网上搜索后发现此插件,大大解决了问题使用方法: 1.必须将vconsole.min.js放到<head>中 2.使用new vConsole()将控制台嵌入到页面中,便于随时观察数据变化参考: https://www.w3cways.com/2038.html…

前端h5开发发布ios

1.首先要有一个html5+的软件HBuilder 2.整体完成然后就点发布,主要注意页面入口就是你的网页的入口 3.下载一个appuploader软件,无需mac本就可以方便的申请证书和描述(因为发布ios需要appid,密钥,证书,描述) 4.登录直接用你自己的苹果开发者账号登录,没有的话自己去申请,这两个就是证书和描述,主要是要这两个 5.如果点进去报错了,就是有可能你没有登录账号并且接受新的协议 6.直接点击左下角的+add增加一个证书,选择第三个就是直接发布到appstroe 7.名字…