移動WEB手機端除錯

2022-03-09 11:50:56 字數 559 閱讀 1111

在我們做移動端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...