在入職不久接觸了移動端WEB開發(fā),剛開始遇到的問題就是調(diào)試的問題。在PC端的時候,我常常糾結(jié)在IE與IE之間,主要的兼容問題還是IE一家子和他們的親戚(啥多核瀏覽器,也是各種坑不斷)之間。IE雖然問題多,但至少它還有一個可視化的調(diào)試工具,可以在瀏覽器中調(diào)試調(diào)試。面對移動端WEB的兼容問題,各種國產(chǎn)機(jī)修改過內(nèi)核的瀏覽器,他們又要怎么調(diào)試?這一直是個問題,后面接觸到了一些方案,其中也包含 weinre 。
長時間沒有使用,即使學(xué)會的知識也會遺忘,今天我又因為年中接到的活而把 weinre 派上了用場。電腦端也是新裝過幾次的環(huán)境,于是還得重新走這個流程。
發(fā)現(xiàn)方法
最近一直活躍在 segmentfault ,對于時間的掌控還是不是那么均衡,不能把工作以及業(yè)余工作和 segmentfault 很好的區(qū)分,也就造成了相當(dāng)大一部分時間的浪費。
下午之前接到的活又來問題了,某個頁面的一個塊怎么偏離了正常位置,在chrome中模擬是沒有任何問題的,沒想到的是在實測手機(jī)瀏覽器中會出現(xiàn)問題,如何調(diào)試呢?由于忘記了之前學(xué)會的方法,最好的方式莫過于搜索一下,搜索結(jié)果中發(fā)現(xiàn)了 weinre 于是想起了 browser-sync ,但實際不需要,就只是搜索學(xué)習(xí)了一下 weinre。
weinre 全稱是 Web Inspector Remote,就是用來調(diào)試手機(jī)端網(wǎng)頁的。在這之前只是使用它調(diào)試過本地web靜態(tài)頁面,今天需要調(diào)試的是CMS中的模板頁面,也就不必在乎是什么瀏覽器中的網(wǎng)頁了,在公司時調(diào)試的是上線的頁面,在回來的路上在想是不是可以直接調(diào)試微信內(nèi)置瀏覽器中的兼容問題,試想應(yīng)該都是可行的。
安裝Weinre
電腦安裝的有 node ,于是可以直接使用 npm 命令安裝即可
npm i weinre -g
怎么使用
拿到一個工具不知所措的時候,都可以直接 --help 或者 -h 。你想知道的它都能告訴你。
weinre --help