因為在玩 CSS3 的效果，嘗試在 :after 裡的 content: ' ' 中加上文字來測試
----實驗內容sass----
.box
&:after
content: ' 國立故宮博物院 國立故宮博物院的收藏，承襲自宋、元、明、清四朝宮中收藏，質量兼備。 '
然後，突然想說要斷一下行，怎麼斷呢，上網google了一下，
找到答案，可以再要斷行的地方加上 \A ，以及white-space: pre
.box
&:after
content: ' 國立故宮博物院 \A 國立故宮博物院的收藏，承襲自宋、元、明、清四朝宮中收藏，質量兼備。 '
white-space: pre
可是，斷行之後，後面的一大段敘述變成了一行無法自動換行的長文字
想想應該是 white-space 的問題，所以上去 w3school 搜尋了一下
找到了 white-space 的其他值
最後改成
.box
&:after
content: ' 國立故宮博物院 \A 國立故宮博物院的收藏，承襲自宋、元、明、清四朝宮中收藏，質量兼備。 '
white-space: pre-line
這樣可以斷行，斷行之後的文字仍然可以自動換行。
不過在請教過大師，大師說 content 內的文字是對SEO沒有幫助的，可以做裝飾性使用就好，不要用在重要的地方啊~
2014年9月29日 星期一
2014年9月5日 星期五
如何瀏覽 Google Drive 裡存放的 HTML 網頁？
之前在 Google Drive 只要該資料夾設定為公開
針對檔案即可按右鍵在雲端硬碟檢視，然後會有個"預覽"的按鈕可以預覽完整網頁畫面
但是 Google 改版之後，那個預覽按鈕不見了，突然不知道該怎麼辦。
還好看到阿湯哥的部落格文章，救了我，所以來記錄一下，感謝阿湯大大~~m(_ _)m
詳細細節請看：
針對檔案即可按右鍵在雲端硬碟檢視，然後會有個"預覽"的按鈕可以預覽完整網頁畫面
但是 Google 改版之後，那個預覽按鈕不見了，突然不知道該怎麼辦。
還好看到阿湯哥的部落格文章，救了我，所以來記錄一下，感謝阿湯大大~~m(_ _)m
詳細細節請看：
Google Drive 雲端硬碟應用，在 Google Drive 也能建立 HTML 網頁直接瀏覽
2014年1月5日 星期日
使用Chrome開發工具調整android上的網頁樣式
最近腦力不太好，需要紀錄一下，也方便自己找資料~XD
-------2014.04.08 更新 步驟-------
1.先在PC chrome打網址[chrome://flags]，將[啟用開發人員工具實驗性功能]啟用。
2.啟用後再打網址[chrome://inspect ]，將[ Discover USB devices ] 打勾
點後面的[ Port forwarding ]，將Enable port forwarding 勾選，再按 Done。
就會出現你的手機型號。
3. 在Chrome上開啟要除錯的網頁，手機也打開要除錯的頁面，這時手機型號下方會出現開啟的網頁，點網頁下方的[ inspect ]，就會開啟開發人員視窗提供偵錯。
來源：https://developers.google.com/chrome-developer-tools/docs/remote-debugging#debugging-webviews
-------2014.01.17[啟用透過USB進行遠端偵錯] 在新版Chrome已被拿掉.....> <"-------
環境：
PC和android載具都必須下載chrome，android的連接線要連到PC。
android的chrome裡面要到[設定]→[進階]→[開發人員工具]→開啟[USB網頁偵錯功能]。
流程：
1.先在PC chrome打網址[chrome://flags]，將[啟用開發人員工具實驗性功能]、[啟用透過USB進行遠端偵錯]這兩項啟用。
2.啟用後再打網址[chrome://inspect ]，你就會看到連接android chrome的各網址，網址的後面都會有個Inspect，選擇你要偵錯的網址點下去。
3.pc chrome就會另外開一個 android的開發人員視窗提供偵錯。
來源：
1. http://gigaom.com/2013/10/08/how-to-screencast-an-android-device-to-chrome-or-chrome-os/
2.高雄前端社群：廖洧杰 補充的實作流程
https://www.facebook.com/groups/358503154261390/
-------2014.04.08 更新 步驟-------
1.先在PC chrome打網址[chrome://flags]，將[啟用開發人員工具實驗性功能]啟用。
2.啟用後再打網址[chrome://inspect ]，將[ Discover USB devices ] 打勾
點後面的[ Port forwarding ]，將Enable port forwarding 勾選，再按 Done。
就會出現你的手機型號。
-------2014.01.17[啟用透過USB進行遠端偵錯] 在新版Chrome已被拿掉.....> <"-------
環境：
PC和android載具都必須下載chrome，android的連接線要連到PC。
android的chrome裡面要到[設定]→[進階]→[開發人員工具]→開啟[USB網頁偵錯功能]。
流程：
1.先在PC chrome打網址[chrome://flags]，將[啟用開發人員工具實驗性功能]、[啟用透過USB進行遠端偵錯]這兩項啟用。
2.啟用後再打網址[chrome://inspect ]，你就會看到連接android chrome的各網址，網址的後面都會有個Inspect，選擇你要偵錯的網址點下去。
3.pc chrome就會另外開一個 android的開發人員視窗提供偵錯。
來源：
1. http://gigaom.com/2013/10/08/how-to-screencast-an-android-device-to-chrome-or-chrome-os/
2.高雄前端社群：廖洧杰 補充的實作流程
https://www.facebook.com/groups/358503154261390/
2013年10月7日 星期一
訂閱：
文章 (Atom)