「學習筆記」cross-origin

前言

今天下午在看高程第四版的時候，看到這句話「腳本加載受到常規 CORS 的限制，但在工做者線程內部能夠請求來自任何源的腳本」，在個人記憶中script的標籤的加載是不受同源的限制的，否則jsonp也沒法實現跨域的請求裏。因此準備研究一下crossorigin屬性。

解釋

1. 對於script標籤，script標籤的加載雖然不受同源的限制。可是當js發生錯誤，而且script標籤和當前頁面不是同源時，若是scirpt標籤不設置cross-origin屬性，當前頁面的window.onerror雖能能捕獲到非同源js的錯誤，可是錯誤中具體信息不多。只有簡單的Script error.的信息。若是設置了cross-origin屬性，當前頁面window.onerror就能獲取錯誤的具體的行列信息了。
2. 對於img對象，若是不設置cross-origin屬性，當前頁面的canvas沒法加載其餘源的圖片。若是設置了cross-origin屬性，canvas能夠加載非同源的圖片

參考

• Purpose of the crossorigin attribute…?