如何用 Javascript 複製文字﹍跨瀏覽器相容 iOS
![如何用 Javascript 複製文字﹍跨瀏覽器相容 iOS](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiRQRZhm5VI8P4Wpx2M5wveGt2s7F0FT1ZdnWAXq3-V_PnfaUo3E8rmz3pyij7W5HjaGWz3J1TGchM-eml3Zhb5I14OL0avrtYTW6rJdp3W9_304QSZZSOEC14a53gr8r87yLbdNkmqv2ab/s1600/js-copy-text-ios.jpg)
最近接到的需求類似「點擊按鈕後自動複製折價券代碼」這樣的功能,因此研究了一下如何實現前端利用 Javascript 複製文字。 多年前曾在「 如何用語法保護網頁文章著作權 」多篇系列文寫相關功能,但這些年網頁技術進展很快,HTML5 新的 api 讓複製文字變得相當簡單。 ...
繼續閱讀全文免 iPhone、iPad 開發人員就能進行除錯﹍MacOS 模擬器 + Xcode 妙用
![免 iPhone、iPad 開發人員就能進行除錯﹍MacOS 模擬器 + Xcode 妙用](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEik_4bPIdxC3vnObF7eS2DIfg0UeTjrc1xY22cpLi3dDBQZOI2DvEkFe9mPPvjVSBtFS-_19_G_42xhikbTU8Rjiew-3RrPHq0ndOg98xX1-dpMBN0l1GzRYF-mKArZeVeJCwHtKBebkhnn/s1600/macos-simulator-xocde-debug-iphone-ipad.jpg)
之前這篇「 利用 Chrome 對 iOS 裝置進行除錯 」可以讓開發人員很方便地對 iPhone、iPad 等裝置進行偵錯,不過並非所有前端開發者都有辦法買齊各種昂貴的蘋果裝置來測試,因此本篇將會介紹一個比較省錢的解決方案。 雖然不用花錢,不過必須花時間跑模擬器,電腦的 C...
繼續閱讀全文Iframe 跨域傳值在 iOS 失效的解法﹍利用網址 + localStorage + cookie 並用
![Iframe 跨域傳值在 iOS 失效的解法﹍利用網址 + localStorage + cookie 並用](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjVBRzzRIgbi7hI9d6lnfyP3IByPTw0K-1EucGXHKZY7PdEy4CaXAJ4s7H0eRLaw3Gy2WciojqsEQPstEusvSfY8fGGZ62VgkJ9uHpxkb_U1ZxtjOl40Vn3aNl0NoUccofFkYlK_udCzwQH/s1600/iframe-cross-domain-postmessage.jpg)
上一篇「 利用隱藏的 Iframe 跨域傳送訊息實作 」,很可惜在前端開發人員的大魔王(iOS)面前又失效了,在 iPhone 鬼打牆了很久才瞭解: iOS 禁止 localStorage 跨域傳值 iOS 的 Safari 設定中,預設關閉 cookie iOS 的 C...
繼續閱讀全文利用 Chrome 對 iOS 裝置進行除錯(iPhone、iPad)的絕佳方案
![利用 Chrome 對 iOS 裝置進行除錯(iPhone、iPad)的絕佳方案](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg_BU5l1f9r0vUjwyU3Np7u2oc9Hx6dG4M1x4ngv7mx1iITAnqmYTu2Q543bi-dfg8qYo40-h3qGaj0FADLHGfNJXSQt0rZjmm6T0oAUuIJtkLhbwnTT23Chm49yPfLmW3dL8acfkT0VkPJ/s1600/chrome-ios-device-debug-tool.jpg)
前端開發非常頭痛的是,除了跨瀏覽器的問題,各種行動裝置的效果也可能不一樣。其中最麻煩的,算是針對蘋果 iOS 裝置進行偵錯 debug。 資本夠粗的話最好,各種蘋果筆電、平板、手機都買上一台。但 iPhone、iPad 的問題是,就算硬體有了,debug 流程也沒有 Wind...
繼續閱讀全文Windows 用 VMware Player 模擬 MAC OS X 心得 [筆記]
![Windows 用 VMware Player 模擬 MAC OS X 心得 [筆記]](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgshyqfCDx8TL8JvUMmBWZgCJgpQPbk5iLe5OP3XAupkdsbsohnnYaqFycY7X9LUSl5OM1wAF57Ckey3A7v1EqiRHLUucnQVzJnenvacrJKx787xsLjlF_XQNmQyswAm_a7s7im_BNTx8PX/s1600/vmware-player-mac-os-x.jpg)
為了讓網頁效果能跨瀏覽器相容,這在網頁設計來說一直是令人頭疼的事。除了搞定「 IE 不同版本 」、行動裝置以外,另一個更難解的算是蘋果系統了。 畢竟蘋果裝置沒那麼普及、系統比較封閉。同一個網站,在 Windows 的 Safari、或 Yosemite 的 Safari、或 ...
繼續閱讀全文