在我們做移動端web開發的時候肯定會遇到相容性問題,比如某些時候在某些奇葩手機上就是有問題。為此我在網上尋找了一些辦法,比如遠端除錯什麼的,但覺得都很麻煩。在這裡我向大家介紹一種比較簡單快捷的辦法。
我們這裡用到一款叫 js-mobile-console 的外掛程式
github位址
它的使用方法非常簡單。
1.在要除錯的頁面的頭上新增:
<script
src="./mobile-console.min.js">script>
2.在這兩個檔案載入成功後執行
mobileconsole.show();為了不影響頁面,我是這樣做的
$(function()當我需要除錯頁面的時候在位址末尾輸入#c控制台就會出現了});
效果:
移動端 Web 網頁除錯技巧
原文出處 盛瀚欽 本文主要列舉了除錯本地網頁 檢視測試環境網頁的各種方法,涵蓋了pc ipad 移動端的除錯技巧。主要針對前端工程師,測試工程師也可以學習使用。前端在開發移動端網頁時,通常使用localhost在本地訪問網頁,在除本機外的裝置上都需要換成ip訪問。chrome emulation使用...
VUE移動端除錯
首先呢,你的了解一下 browsersync 是個什麼東西,可以移步browsersync官網了解下。然後才是 當我們使用vue cli搭建vue專案的時候,通常使用的都是 webpack 的模板,但是vue一般都是移動端的專案避免不了移動端的除錯,那麼既然是移動端的除錯怎麼能少得了 browser...
移動端除錯 weinre
weinre 是基於 node 的工具,因此使用如下命令安裝 weinre npm install g weinre用上面的命令將 weinre 安裝到全域性,然後就可以使用 weinre的命令了。weinre 提供了6個可選的啟動引數,其中下面兩個引數一般會修改,其它的用預設值就可以了。weinr...