網(wǎng)頁手機調(diào)試之Adobe Edge Inspect CC折騰日記

編輯：狂族晨曦 來源：經(jīng)驗雜筆 日期：2016-04-01 閱讀： 3,652 次 搶個沙發(fā) 百度已收錄

先森完成手機自適應(yīng)的大框架之后，開始處理各種BUG，其中UC瀏覽器安卓版中的BUG尤為突出。BUG表現(xiàn)為首頁輪播幻燈片圖片放大，互相遮蓋。而且，這個問題僅僅出現(xiàn)在安卓手機中的UC瀏覽器里，表現(xiàn)情況如下圖：

安卓UC瀏覽器BUG

出現(xiàn)了這種問題，讓先森感到很郁悶。不論是安卓自帶瀏覽器，還是iPhone各種瀏覽器，都不會出現(xiàn)這種問題，只有安卓UC瀏覽器出問題。

既然出現(xiàn)了圖片互相遮蓋的問題，肯定是CSS沒有寫好。這時候先森想起逛知更鳥博客的時候，鳥叔的推薦15款響應(yīng)式Web設(shè)計測試工具文章中的Adobe Edge Inspect CC：

Adobe Edge Inspect CC

如果對鳥叔的這篇文章感興趣的可以去看看：

• 知更鳥：推薦15款響應(yīng)式Web設(shè)計測試工具

折騰過程

Adobe Edge Inspect CC的推薦語寫的很好：Adobe Edge可以讓你在設(shè)備上預(yù)覽和檢查響應(yīng)式網(wǎng)站。

先森起初以為這只是個瀏覽器插件，想著很好用，剛好拿來調(diào)試UC瀏覽器上出現(xiàn)的問題，就在谷歌插件里面搜索安裝了。然而，并沒有這么簡單。

當然，要上谷歌，需要科學(xué)上網(wǎng)。還不會的童鞋可以看這里：

• 科學(xué)上網(wǎng)：分享兩款免費好用的帆墻軟件
  

電腦和手機都安裝好這個插件之后，先森無論如何都無法照著網(wǎng)上教程一樣連接，chrome瀏覽器中Adobe Edge插件一直只顯示一句話：“Please start the Adobe Edge Inspect Application...Get Edge Inspect.”（請啟動的Adobe邊緣檢查應(yīng)用程序...找邊檢查。）

請啟動的Adobe邊緣檢查應(yīng)用程序...找邊檢查

而點擊鏈接，就只能到Adobe官網(wǎng)中介紹Adobe Edge Inspect CC的網(wǎng)頁。通過觀察網(wǎng)絡(luò)教程的截圖先森發(fā)現(xiàn)，先森Adobe Edge插件和別人教程里的不一樣，首先和chrome商店里插件下載的截圖中就不一樣。

chrome商店中的Adobe Edge

插件下載頁的Adobe Edge在瀏覽器中的圖標是橙色的，而先森的則是灰色的，明顯的未啟動的樣式。后來知道了，還有一個Adobe Edge Inspect CC的軟件，好吧，先森下載安裝。

結(jié)果安裝好之后軟件界面都打不開，直接跳個提示框："Your username and password are incorrect or your account does not have access to Edge Inspect CC"（您的用戶名和密碼不正確或您的帳戶沒有訪問到邊緣檢查CC）。

好吧，先森還沒有崩潰。接著百度谷歌之后了解到，需要安裝登錄一個CreativeCloudSet-Up.exe，Adobe的一個什么創(chuàng)意云套裝，專門下載、安裝和更新Adobe CC系列軟件的。

登錄需要Adobe ID，沒有的話，還需要注冊。放心，注冊免費，不會對你造成什么不良影響。好像注冊的時候需要科學(xué)上網(wǎng)。

如果你看到上面就跑出去注冊ID了的話，再看這里先森會告訴你，還是沒有什么卵用。

登錄之后，第一次打開Adobe Edge Inspect CC的時候，OK，成功打開，沒有跳提示框。打開手機Adobe Edge Inspect CC插件，終于搜到電腦了。但是！但是打開瀏覽器還是灰色狀態(tài)！也就是還是沒有啟動。

好吧，先森認為重啟一次應(yīng)該可以湊效。

重啟ING...

登錄創(chuàng)意云，OK，沒問題。打開Adobe Edge Inspect CC軟件，出問題了。提示框又出來了。這下先森沒轍了。

折騰總結(jié)：

1.浪費了半天時間；

2.安卓UC瀏覽器中的BUG并沒有修復(fù)；

3.先森感到很不爽。

折騰第一記·完