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