Remote Debugging on Android with Chrome

作者： -

編輯時間 2015.07.14

我都是按照chrome的官方步驟，原文請看remote-debugging。


需求

  1. Chrome 32 or 之後的版本
  2. 手機有USB接到電腦
  3. 手機和電腦已安裝chrome

若手機接了USB但連不到電腦，可能要安裝該廠牌的USB驅動程式。

我是ASUS ZenfoneC，

win7就是不讓我USB連線，哭哭。

win8, linux倒是不用裝驅動程式就可以連線。


手機步驟


「設定」→「關於」

Build Number點擊7次

「設定」→ 「開發人員選項」

勾選USB偵錯


電腦chrome偵測手機chrome



範例


手機chrome開啟臉書

電腦chrome偵測到臉書

點擊inspect，
就可以在電腦上看手機的臉書畫面囉

留言

張貼留言

這個網誌中的熱門文章

AngularJS (1) 宣告ng-app

作者： -
圖片
angularJS 官網 在要開始學習angularJS之前，先玩一下這個範例吧↓ 你輸入的是： {{ greet }} 玩過上面的小程式後，就可以很明顯感覺到它的獨特之處 提供了資料的雙向綁定，讓使用者輸入後直接更新網頁程式的變數。 即時預覽，使用者輸入後不需要重新整頁，增加網頁的親合度。 Web 程式輕量化，減少開發負擔 再舉google搜尋和臉書為例，google圖片搜尋結果會隨著使用者往下瀏覽時，自動新增圖片。臉書也是，你可以在任意文章上面留下回應而不需要等待重整網頁，跳出新文章時也不影響你瀏覽其他文章。 介紹完angularjs後，接下來就要進入本文的重點寫程式啦。別擔心，我們當然會從簡單的開始學。 在<head>匯入AngularJS <head> <script src="//cdnjs.cloudflare.com/ajax/libs/angular.js/1.2.20/angular.min.js"></script> </head> ng-app 的基本宣告 ng-app 宣告了angularJS在HTML的作用範圍。當angularJS看見ng-app時，就會自動初始化(auto-bootstrap)此範圍內的腳本程式。 請注意( ng-app的說明 )！原則上，一個網頁只可以宣告一次ng-app。若是你想要網頁上同時有多個ng-app，需要手動宣告。 在<html>或<body>宣告 <html ng-app> <body> <div> 1 + 2 = {{1+2}} </div> </body> </html> <html> <body ng-app> <div> 1 + 2 = {{1+2}} </div> &l
閱讀完整內容

href with relative url 在錨點使用相對路徑

作者： -
在前一篇講了 ajax call的相對網址 的寫法。其實，相對網址的概念也可以用在錨點 href。 如果當前頁面是 http://myserver.com.tw / taiwan / member / index.html <a href="page.html">請點我</a> <a href="./page.html">請點我</a> //另一種寫法 瀏覽器會把 page.html 自動轉成 http://myserver.com.tw / taiwan / member / page.html 若是 ../ 開頭， <a href="../page.html">請點我</a> 會少一層，轉成 http://myserver.com.tw / taiwan / page.html 若是 / 開頭， <a href="/page.html">請點我</a> 轉成在domain之後 http://myserver.com.tw / page.html
閱讀完整內容