Web技術基礎

依瀏覽器的同源政策,被視為與 https://www.example.com/app/index.html 同源的URL為下列何者?

  1. Ahttps://www.example.com/data/list.json
  2. Bhttp://www.example.com/app/data.json
  3. Chttps://api.example.com/app/data.json
查看答案與解析

正確答案:A. https://www.example.com/data/list.json

來源由配置、主機名稱、連接埠號碼三者的組合決定,三者全部相同時才視為同源。路徑無關,因此 /data/list.json 是同源。依據同源政策,網頁的JavaScript原則上無法讀取從其他來源收到之回應的內容。這可防止惡意網頁的指令碼讀出使用者已登入之其他網站的資訊。

  • A. 正確。配置、主機名稱、連接埠號碼(443)相同,只有路徑不同。
  • B. 配置為http而不同,預設連接埠號碼也變成80,因此是不同來源。
  • C. 主機名稱為api.example.com而不同,即使在同一網域之下也是不同來源。
練習這個領域 前往領域頁面

Web技術基礎的其他題目

  1. https://app.example.com 網頁的JavaScript,要使用fetch對 https://api.example.net/orders 送出附有Content-Type: application/json本文的POST請求。此時跨來源資源共用(CORS)的行為,下列何者正確?
  2. 關於Service Worker的說明,下列何者正確?
  3. 在也支援智慧型手機的響應式設計網頁中,於<head>寫入 <meta name="viewport" content="width=device-width, initial-scale=1"> 的主要目的為下列何者?
  4. 在內容因使用者而異的「我的頁面」回應中,加上Cache-Control: private, max-age=60。這項設定的效果,下列何者正確?
  5. Web伺服器以gzip或Brotli壓縮回應後傳送時,壓縮所減少的傳輸量一般最小的是下列何者?