首頁 web前端 css教學 不同瀏覽器中資料協定 URL 的大小限制是什麼?

不同瀏覽器中資料協定 URL 的大小限制是什麼?

Dec 19, 2024 pm 12:53 PM

What are the Size Limits for Data Protocol URLs in Different Browsers?

資料協定URL 大小限制

簡介:
資料協定URL,也稱為資料協定URI,用於將資料直接嵌入網頁中。這些 URL 已成為外部文件請求的熱門替代方案,因為它們提高了效能並降低了頻寬利用率。

問題:
資料協定 URL 是否有大小限制?

答案:
這個問題的答案並不簡單,因為它取決於網頁瀏覽器 用過的。以下是流行瀏覽器的大小限制概述:

  • Chrome:

    • 目前文件為 2MB
    • 任意的記憶體儲存限制blob:

      • 對於沒有 ChromeOS 或 Android 的 x64 系統為 2GB
      • 總實體記憶體 / 5其他系統
  • Firefox:

    • 無限制🎜>
  • IE 9 和上方和邊緣:
  • 4GB

  • Safari :

    • 資訊不方便可用

替代方案:
如果資料協定URL 大小限制是一個問題,請考慮使用以下替代方案之一:

  • 斑點URL:

    • URL.createObjectURL() 使用URL API 和透過檔案API 產生blob
    • Come 產生的上限為500MiB
  • FileSaver.js、StreamSaver.js、和JSZip:

    • 提供處理大數據傳輸的附加選項

其他注意事項:

  • 其他注意事項:
其他注意事項:

其他注意事項:
  • Modernizr 可以偵測對資料URI 的支援超過32kb。
  • 資料 URI 規範沒有定義大小限制,由各個應用程式來施加限制。
  • 相關問題:
  • 取得最大Data-Uri 大小Javascript當資料外太大時「哇,快點”Base64 DataURL 影像的大小限制是多少? URL 的最大長度是多少不同的瀏覽器? 是否可以以程式設計方式偵測資料網址的大小限制?

    以上是不同瀏覽器中資料協定 URL 的大小限制是什麼?的詳細內容。更多資訊請關注PHP中文網其他相關文章!

    本網站聲明
    本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn

    熱門文章

    倉庫:如何復興隊友
    3 週前 By 尊渡假赌尊渡假赌尊渡假赌
    Hello Kitty Island冒險:如何獲得巨型種子
    3 週前 By 尊渡假赌尊渡假赌尊渡假赌
    R.E.P.O.能量晶體解釋及其做什麼(黃色晶體)
    1 週前 By 尊渡假赌尊渡假赌尊渡假赌

    熱門文章

    倉庫:如何復興隊友
    3 週前 By 尊渡假赌尊渡假赌尊渡假赌
    Hello Kitty Island冒險:如何獲得巨型種子
    3 週前 By 尊渡假赌尊渡假赌尊渡假赌
    R.E.P.O.能量晶體解釋及其做什麼(黃色晶體)
    1 週前 By 尊渡假赌尊渡假赌尊渡假赌

    熱門文章標籤

    記事本++7.3.1

    記事本++7.3.1

    好用且免費的程式碼編輯器

    SublimeText3漢化版

    SublimeText3漢化版

    中文版,非常好用

    禪工作室 13.0.1

    禪工作室 13.0.1

    強大的PHP整合開發環境

    Dreamweaver CS6

    Dreamweaver CS6

    視覺化網頁開發工具

    SublimeText3 Mac版

    SublimeText3 Mac版

    神級程式碼編輯軟體(SublimeText3)

    將框陰影添加到WordPress塊和元素 將框陰影添加到WordPress塊和元素 Mar 09, 2025 pm 12:53 PM

    將框陰影添加到WordPress塊和元素

    使用智能表單框架創建JavaScript聯繫表格 使用智能表單框架創建JavaScript聯繫表格 Mar 07, 2025 am 11:33 AM

    使用智能表單框架創建JavaScript聯繫表格

    創建一個具有可滿足屬性的內聯文本編輯器 創建一個具有可滿足屬性的內聯文本編輯器 Mar 02, 2025 am 09:03 AM

    創建一個具有可滿足屬性的內聯文本編輯器

    使用GraphQL緩存 使用GraphQL緩存 Mar 19, 2025 am 09:36 AM

    使用GraphQL緩存

    比較5個最佳的PHP形式構建器(和3個免費腳本) 比較5個最佳的PHP形式構建器(和3個免費腳本) Mar 04, 2025 am 10:22 AM

    比較5個最佳的PHP形式構建器(和3個免費腳本)

    揭開屏幕讀取器的神秘面紗:可訪問的表格和最佳實踐 揭開屏幕讀取器的神秘面紗:可訪問的表格和最佳實踐 Mar 08, 2025 am 09:45 AM

    揭開屏幕讀取器的神秘面紗:可訪問的表格和最佳實踐

    使您的第一個自定義苗條過渡 使您的第一個自定義苗條過渡 Mar 15, 2025 am 11:08 AM

    使您的第一個自定義苗條過渡

    在node.js中使用multer上傳並上傳express 在node.js中使用multer上傳並上傳express Mar 02, 2025 am 09:15 AM

    在node.js中使用multer上傳並上傳express

    See all articles