剛開始,慢慢做閱讀時間約 2 分鐘
看得見圖片,不代表可以輸出
想像一個工具,把圖片和短句合成一張圖卡。畫面上圖片顯示正常,輸出成品時卻失敗了。分別往往不在排版,而在於瀏覽器是否容許網頁程式讀取那張圖片的像素。
這只是一個常見例子。下載與分享能否成功,也受瀏覽器限制、系統權限、檔案處理方式,以及是否由使用者親自按下按鈕所影響。電腦上測試成功,不能代替實際手機上的檢查。
有些規則,並非手機獨有
把另一個網站的圖片畫進 HTML canvas(畫布)時,如果沒有合適的 CORS 跨來源許可,畫布就會被瀏覽器標記為受保護狀態。之後再讀取像素或輸出圖片,就可能觸發 SecurityError。這是網頁共通的安全規則,並非手機獨有。
設定圖片的跨來源模式,也需要圖片伺服器那邊配合。另一個做法是由自己受控的同網域途徑提供圖片,但絕不能做成任意外部網址都可代抓的服務。不能只為了成功下載,就設法繞過瀏覽器的安全保護。
要試操作,不只試寬度
拿真正的手機,試輸入文字、打開鍵盤、輸出、儲存和分享。也看看拒絕權限或下載失敗時,工具怎樣交代,還能否繼續。
瀏覽器的手機預覽仍然有用。我會把它與真機測試放在一起,也分清楚兩者各自看得到甚麼。