最近做移動端項目比較多,電腦上開發完了上真機必現問題,但是真機上又看不了代碼很捉急啊有沒有。 這兩天才發現這個騰訊良品vConsole,以前開發小程序見過,但沒想到他竟然還能被應用到我們的h5頁面中, 廢話不多說,先給大佬磕一個。 具體描述介紹啥的見github:https ...
首先使用命令在項目中下載vconsole 然后在main.js中加入以下代碼: 根據環境進行判斷是否顯示 ...
2020-08-10 11:46 0 1978 推薦指數:
最近做移動端項目比較多,電腦上開發完了上真機必現問題,但是真機上又看不了代碼很捉急啊有沒有。 這兩天才發現這個騰訊良品vConsole,以前開發小程序見過,但沒想到他竟然還能被應用到我們的h5頁面中, 廢話不多說,先給大佬磕一個。 具體描述介紹啥的見github:https ...
平時在web應用開發過程中,我們可以console.log去輸出一些信息,但是在移動端,也就是在手機上,console.log的信息我們是看不到的。 這種情況下,可以選擇使用alert彈出一些信息,但是這種方法不怎么方便,也會阻斷JS線程,導致后面的線程都不執行。也影響調試體驗 ...
安裝命令 npm i --S vconsole 然后再入口文件main.js中引入 let VConsole = require('../node_modules/vconsole/dist/vconsole.min');//路徑根據項目自己找 let ...
使用 devtools 有很多好處,比如它可以讓你能夠實時編輯數據屬性並立即看到其反映出來的變化。另一個主要的好處是能夠為 Vuex 提供時間旅行式的調試體驗。 注意:請留意如果頁面使用了一個生產環境/壓縮后的 Vue.js 構建版本 (例如來自一個 CDN 的標准的鏈接),devtools ...
最近在改一個移動端項目,在手機上調試賊頭疼,什么日志都看不到,分析不了bug問題。 然后我同事給我介紹了一個移動端的調試神器 -- vconsole 有了這個神器,領導再也不用擔心我的工作啦!!! 0.0 怎么使用VConsole呢? 超簡單的,只需要2步 第一步 ...
平時在web應用開發過程中,我們可以console.log去輸出一些信息,但是在移動端,也就是在手機上,console.log的信息我們是看不到的。 這種情況下,可以選擇使用alert彈出一些信息,但是這種方法不怎么方便,也會阻斷JS線程,導致后面的線程都不執行。也影響調試體驗 ...
環境搭建推薦 vue推薦開發環境: Node.js: javascript運行環境(runtime),不同系統直接運行各種編程語言 npm: Nodejs下的包管理器。由於國內使用npm會很慢,這里推薦使用淘寶NPM鏡像(http://npm.taobao.org/)$ npm ...
訪問 https://cn.vuejs.org/ 中文網 2.點擊生態系統->devtools 跳轉github ,找到chrome插件 安裝完成后鼠標移到插件處,右鍵擴展程序,下拉找到 允許訪問文件網址 打勾即可。 瀏覽器打開vuejs頁面 , f12 ,頂部找到vue即可 ...