發表文章

Remote Debugging on Android with Chrome

作者： -
圖片
編輯時間 2015.07.14 我都是按照chrome的官方步驟，原文請看 remote-debugging 。 需求 Chrome 32 or 之後的版本 手機有USB接到電腦 手機和電腦已安裝chrome 若手機接了USB但連不到電腦，可能要安裝該廠牌的USB驅動程式。 我是ASUS ZenfoneC， win7就是不讓我USB連線，哭哭。 win8, linux倒是不用裝驅動程式就可以連線。 手機步驟 「設定」→「關於」 Build Number點擊7次 「設定」→ 「開發人員選項」 勾選USB偵錯 電腦chrome偵測手機chrome chrome://inspect/#devices 範例 手機chrome開啟臉書 電腦chrome偵測到臉書 點擊inspect， 就可以在電腦上看手機的臉書畫面囉
張貼留言
閱讀完整內容

AngularJS (19) ng-repeat 特殊變數 $index, $even, $first

作者： -
angular .module('app',[]) .controller('ctrl',["$scope",function($scope){ $scope.people = [ {name:'Ihc Pig'}, {name:'Lily Pig'}, {name:'AA Pig'}, {name:'BB Pig'} ]; }]); 索引 $index <body ng-app="app" ng-controller="ctrl"> <p ng-repeat="person in people" ng-class="{item_yellow: $even}" > { { $index } }. name = { { person.name } } </p> </body> {{$index}}. name = {{person.name}} 偶數列 $even <body ng-app="app" ng-controller="ctrl"> <p ng-repeat="person in people" ng-class="{item_yellow: $even}" > name = { { person.name } } </p> </body> name = {{person.name}} 奇數列 $odd <body ng-app="app" ng-controller="ctrl"> <p ng-repeat="person in people" ng-class="{item_...
張貼留言
閱讀完整內容

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
張貼留言
閱讀完整內容

ajax call relative url 相對網址

作者： -
$http.get('members.json') $http.get(' ./ members.json') //另一種寫法 這種寫法，就是相對路徑(relative url, relative path)。 如果當前頁面是 http://myserver.com.tw / taiwan / member / index.html 瀏覽器會把 members.json 自動轉成 http://myserver.com.tw / taiwan / member / members.json 若是 ../ 開頭， $http.get('../members.json') 轉成 http://myserver.com.tw / taiwan / members.json 若是 / 開頭， $http.get('/members.json') 轉成在domain之後 http://myserver.com.tw / members.json 如果是開頭兩個斜線(//)？ $http.get('//myserver.com.tw/taiwan/member/members.json') 表示參照當前頁面使用的協定(http://或是https://)，適用於同時使用一種以上協定的網站。
張貼留言
閱讀完整內容

手動建立Facebook自動登入(v1.0-v2.2) Manually Build a Login Flow

作者： -
此文章支援 v1.0、v2.0~v2.2 臉書提供三種「自動登入臉書帳號」的方式，javascript SDK、PHP SDK，以及手動建立。本篇只談手動建立，是利用 Facebook Graph API，有三個步驟。 請求code參數 用回傳的code參數，請求access_token參數 用回傳的access_token參數，取得使用者個資 Graph API v1.0 1. 請求code https://www.facebook.com/dialog/oauth? client_id= {YOUR_APP_ID} &redirect_uri= {YOUR_REDIRECT_URL} code=AQBW3oLLO7UBdYIlBiycdsq0-uBynPisB4cLGoNaVqo...(略) 2. 請求access token https://graph.facebook.com/oauth/access_token? client_id= {YOUR_APP_ID} &redirect_uri= {SAME_REDIRECT_URL} &client_secret= {YOUR_APP_SECRET} &code= {CODE_STRING} access_token=CAADh9ZCitjocBANzxLfZACFZCUNIajhZAER2EqBRSYLB5IIH...(略) 3. 用回傳的access_token參數，取得使用者個資 https://graph.facebook.com/me? access_token= {ACCESS_TOKEN_STRING} 得到登入者資料的json囉！ { "id": "00000012345", "first_name": "帥帥", "gender": "男", "last_name": "薛", "...
張貼留言
閱讀完整內容

Sublime Text2 - 更換背景/更換主題 theme

作者： -
這一篇比較算是個人小筆記，不希望以後還要翻找。XD Theme 設定方式 (Sublime上方選單 -> Prefereces -> Settings-User) Soda Light { "color_scheme": "Packages/Espresso Soda.tmTheme", "font_size": 17, "ignored_packages": [ "Vintage" ], "theme": "Soda Light.sublime-theme", "tab_size": 4, "translate_tabs_to_spaces": false } Monokai { "color_scheme": "Packages/Color Scheme - Default/Monokai.tmTheme", "font_face": "Source Code Pro", "font_options": [ "directwrite" ], "font_size": 15, "ignored_packages": [ "Vintage" ], "soda_classic_tabs": false, "soda_folder_icons": true, "theme": "Soda Dark.sublime-theme", "tab_size": 4, "translate_tabs_to_spaces": false } Theme 下載方式 其實 theme 也是 sublime package，所以只要 ctrl+shift+p → "Insta...
張貼留言
閱讀完整內容

Sublime Text2 - Tab 改為 4個 Spaces

作者： -
圖片
到Sublime畫面上方的menu， Preferences -> Settings-User 加入兩行設定 "tab_size": 4, "translate_tabs_to_spaces": false 像這樣 就完成囉！ 完成設定後，你輸入一個tab，圈選它，看看是否成功設定tab size。
2 則留言
閱讀完整內容