1. 程式人生 > 其它 >使用iframe/object/embed引入svg 使用getSVGDocument()為null(可能是兩個問題)

使用iframe/object/embed引入svg 使用getSVGDocument()為null(可能是兩個問題)


一.同源策略問題(本地除錯解決方案)

  • firefox瀏覽器

    • 位址列輸入:about:config

    • 搜尋security.fileuri.strict_origin_policy(這個是安全檔案同源策略限制),設定為false

    • 重啟瀏覽器

  • chome瀏覽器

    • C盤下建立一個資料夾,名稱隨意(chromedata)

    • 找到chome快捷方式(複製一個,)

    • 複製的快捷方式開啟屬性 ->目標 ,後面加上"--allow-file-access-from-files --user-data-dir="C:\chromedata" --disable-web-security"

      • --disable-web-security 就是關閉同源策略
    • 或者按這個格式:原路徑+ 空格 + --disable-web-security --user-data-dir=C:\chromedata

  • edge同理(chome核心)

  • mac

    • 命令列執行open -n /Applications/Google\ Chrome.app/ --args --disable-web-security --user-data-dir=/Users/chongshen/MyChromeDevUserData/

    • –user-data-dir後面的路徑(按你自己的安裝路徑來)

二.iframe未載入完成

  • 讓他載入完就ok(寫在onload中,或者寫個監聽器,讓它載入完成再觸發就ok)