為最近一直在弄移動端項目,由於在移動端無法打開控制台,所以想辦法打印調試console的數據一直苦惱。之前用的是chrome的inspect調試,但是只能使用移動版的chrome查看數據,兼容不好,所以最近使用了vConsole 進行調試 廢話不多說,說說怎么使用的吧。 首先去下載相關的代碼 ...
.使用 npm 安裝: npm install vconsole 再使用webpack,然后js代碼中 import VConsole from vconsole dist vconsole.min.js import vconsole let vConsole new VConsole 初始化 .找到這個模塊下面的dist vconsole.min.js,然后復制到自己的項目中 lt head ...
2018-08-03 09:54 0 4210 推薦指數:
為最近一直在弄移動端項目,由於在移動端無法打開控制台,所以想辦法打印調試console的數據一直苦惱。之前用的是chrome的inspect調試,但是只能使用移動版的chrome查看數據,兼容不好,所以最近使用了vConsole 進行調試 廢話不多說,說說怎么使用的吧。 首先去下載相關的代碼 ...
前言:因為在移動端無法打開控制台,所以用vConsole插件進行調試 正文: 1,下載vconsole.min.js文件(https://github.com/Tencent/vConsole) 2,將js文件引入到頁面中(<script src="path ...
一個針對手機網頁的前端 console 調試面板。 簡介 vConsole 是一個網頁前端調試面板,專為手機 web 頁面量身設計,幫助開發者更為便捷地進行開發調試工作。 手機預覽 http://wechatfe.github.io/vconsole/demo.html ...
一、安裝使用 npm : 二、在Vue項目中引入1、在 mian.js 文件夾中引入,並判斷production環境使用 請注意,VConsole 只是 vConsole 的原型,而非一個已實例化的對象。所以在手動 new 實例化之前 ...
在真實手機上運行H5頁面時,無法看到控制台。為了能在真實手機上使用控制台,可以加入如下代碼實現控制台: VConsole界面如下: 該代碼的要點為: 1.異步加載第三方的js。當無法保證嵌入的第三方內容是否可以正常工作的時候,可考慮用異步加載這些代碼,避免阻塞整個頁面加載 ...
...
前言 用vue 寫移動端代碼,有個報名頁面 就在iOS 9下出現問題,vue的循環渲染都正常,一開始的數據也能取到。證明不是vue的兼容性問題 但是在用戶點擊按鈕發現不能點擊進入跳轉 工具 推薦使用 vConsole 這個 可以在移動端調試的 解決過程 npm install ...
現在移動端開發越來越火,隨之而來的問題也越來越多,今天給大家介紹一款移動端調試神器,vconsole。 一、先引用文件,可以從https://www.bootcdn.cn/vConsole/下載,也可以下載保存在本地,直接引用 瀏覽器顯示如下: 基本的一些用法 ...