[Debug] PC Chrome Debug Mobile Chrome

桌機、手機的 Web 環境不同，有時桌機可以正常，手機卻異常的狀況。

可是桌機瀏覽器還可以開啟 DevTools看看問題何在，那手機怎麼辦???

google 不虧是 google，這種狀況都設想到了。

作法簡略如下:

1. 桌機及手機先用 USB 連接 (相關 Driver 請確定有安裝成功，我的是 ASUS)



2. 手機開啟開發人員選項 (手機關於中的版本號碼點七下)

3. 手機開啟 USB 偵錯功能

4. 將桌機及手機的 Chrome 打開來，在桌機的 Chrome 網址列打上  chrome://inspect/

5. 下圖中標示1的功能，可以指定手機開啟特定網頁

6. 下圖中標示2的功能 Inspect，可以在桌機開啟 DevTools並操作手機網頁功能

7. 下圖中標示3的功能 Inspect fallback，在上面有提示了。
Remote browser is newer than client browser. Try `inspect fallback` if inspection fails.


8. 傑克，這真是太神奇了





文章來源:
使用 PC 版 Chrome 來 Debug 手機版的 Chrome

留言

張貼留言

這個網誌中的熱門文章

[IIS] 自我簽署憑證來啟用SSL

圖片
文章原由，手機開發 Web 掃描功能的應用，要使用手機上鏡頭必須在 https 下才可以開啟，測試的環境有此需由，故採用自我簽發的憑證。 操作簡略如下 1. 在 IIS 管理員下找到 "伺服器憑證"，點擊兩下以開啟 2. 在右方找到 "建立自我簽署憑證..." 3.  取個好記的名字 4. 在網站右邊，找到 "繫結" 5. 設定開啟 SSL 來源如下: 技巧和訣竅：在IIS 7.0上使用自我簽署憑證來啟用SSL
閱讀完整內容

相見恨晚的自動化測試開發工具 Sikuli

圖片
2010年由一位在 MIT 就讀的台灣人發表的 graphic script language， 有別於一般的開發工具，利用一些截圖加上一些簡單的語法就可以操作電腦滑鼠、鍵盤。 開發這工具最難的，我覺得是圖形辨識跟操作行為的判斷。 這工具提供的語法滿完整的，不同的情境都可以簡單的使用， 搭配 Python 語法可以更靈活的操作。 我用了兩個小時的時間，就可以完成安裝並輕易完成一個自動化訂票的 script。 坦白說，效果讓我感到非常的驚豔，可能是本身是開發人員，能夠了解這軟體的困難。 只是覺得自己怎麼可以這麼 lag，六年前的玩意現在才知道。 -- 安裝步驟 -- 先到 Sikuli 官網  下載  SikuliX 目前版本是1.1.0 檔案是 .jar，也就是 java 程式，所以請先安裝 jre 環境。 依教學是說只要檔案下載下來，直接點兩下執行，就會自動下載需要的檔案， 還有一個執行 Sikuli IDE 的批次檔。 安裝過程遇到 "Could not find the main class. Program will exit!" 直接在 console 下指令 " java -jar sikulixsetup-1.1.0.jar" 就會自動下載並安裝起來了。 語法的部份我是參考這個範例    Sikuli的入門使用 -- 遭遇問題 -- 寫範例的過程遇到兩個問題，一個是中文的輸入問題、一個是按鍵的問題。 一、中文輸入的問題，網路上查到的解法是 type(u"中文") 或是 paste("中文")， 實際使用出現的都是亂碼。 最後解法是 paste(unicode("中文", "utf8")) 二、按鍵問題是一些特殊鍵的輸入，例如 windows 鍵 + 字母的特殊組合鍵、Enter 鍵。 這邊統一解答，windows 鍵+字母的特殊鍵組合是 type("d",KEY_META) ， 以這範例表示的是 windows 鍵 + d (一定要小寫唷!) Enter 鍵是 type(Key.ENTER)...
閱讀完整內容

sqlplus 中文亂碼解決方案

原因就不多說了, 總之是資料庫編碼與console viewer編碼不一致, 導致看到的中文變亂碼. 資料庫環境是 ZHT16MSWIN950, 所以設定 NLS_LANG=AMERICAN_AMERICA.ZHT16MSWIN950 ----------------------------------------------------  首先 查詢資料庫 NLS 參數 SQL> select * from v$nls_parameters where parameter in ('NLS_LANGUAGE','NLS_TERRITORY','NLS_CHARACTERSET'); PARAMETER                      VALUE ----------------------------------------------------- NLS_LANGUAGE                  AMERICAN NLS_TERRITORY                 AMERICA NLS_CHARACTERSET        ZHT16MSWIN950  回到 linux export NLS_LANG=AMERICAN_AMERICA.ZHT16MSWIN950 終端機->設定字元編碼->BIG5    
閱讀完整內容