如何用 Javascript 複製文字﹍跨瀏覽器相容 iOS

最近接到的需求類似「點擊按鈕後自動複製折價券代碼」這樣的功能,因此研究了一下如何實現前端利用 Javascript 複製文字。 多年前曾在「 如何用語法保護網頁文章著作權 」多篇系列文寫相關功能,但這些年網頁技術進展很快,HTML5 新的 api 讓複製文字變得相當簡單。 ...
繼續閱讀全文免 iPhone、iPad 開發人員就能進行除錯﹍MacOS 模擬器 + Xcode 妙用

之前這篇「 利用 Chrome 對 iOS 裝置進行除錯 」可以讓開發人員很方便地對 iPhone、iPad 等裝置進行偵錯,不過並非所有前端開發者都有辦法買齊各種昂貴的蘋果裝置來測試,因此本篇將會介紹一個比較省錢的解決方案。 雖然不用花錢,不過必須花時間跑模擬器,電腦的 C...
繼續閱讀全文Iframe 跨域傳值在 iOS 失效的解法﹍利用網址 + localStorage + cookie 並用

上一篇「 利用隱藏的 Iframe 跨域傳送訊息實作 」,很可惜在前端開發人員的大魔王(iOS)面前又失效了,在 iPhone 鬼打牆了很久才瞭解: iOS 禁止 localStorage 跨域傳值 iOS 的 Safari 設定中,預設關閉 cookie iOS 的 C...
繼續閱讀全文利用 Chrome 對 iOS 裝置進行除錯(iPhone、iPad)的絕佳方案

前端開發非常頭痛的是,除了跨瀏覽器的問題,各種行動裝置的效果也可能不一樣。其中最麻煩的,算是針對蘋果 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、或 ...
繼續閱讀全文