成人无码视频,亚洲精品久久久久av无码,午夜精品久久久久久毛片,亚洲 中文字幕 日韩 无码

資訊專欄INFORMATION COLUMN

Script error.全面解析

Lavender / 1083人閱讀

摘要：同源策略解釋之前，我們先簡單聊聊同源策略。當(dāng)這些從第三方加載的腳本執(zhí)行出錯，因?yàn)檫`背了同源策略為了保證用戶信息不被泄露，錯誤信息不會顯示出來，取而代之只會返回一個。

一些用戶向我們反饋，F(xiàn)undebug的JavaScript監(jiān)控插件抓到了很多Script error.，然后行號和列號都是0...這就很尷尬了。

今天，我們來詳細(xì)地解析一下Script error.，后續(xù)我們還會深度測試并且提供解決方法。

同源策略 (Same origin policy)

解釋Script error.之前，我們先簡單聊聊同源策略。摘自MDN - Same-origin policy:

Two pages have the same origin if the protocol, port (if one is specified), and host are the same for both pages.

所謂同源，就是指兩個頁面具有相同的協(xié)議、端口和主機(jī)(域名)。通過第三方加載的JavaScript腳本是不同源的。下面的表格簡單列出了和https://fundebug.com/app.js是否同源的文件:

網(wǎng)址 是否同源 原因
https://fundebug.com/vendor.js 是
http://fundebug.com/vendor.js 否 協(xié)議不同
https://fundebug.com:8001/app.js 否 端口不同
https://docs.fundebug.com/nav.js 否 子域名不同
https://kiwenlau.com/totop.js 否 域名不同

沒有同源策略的話，將會怎樣？摘自同源策略詳解及繞過 - FreeBuf：

假設(shè)你已經(jīng)成功登錄Gmail服務(wù)器，同時在同一個瀏覽器訪問惡意站點(diǎn)（另一個瀏覽器選項卡）。沒有同源策略，攻擊者可以通過JavaScript獲取你的郵件以及其他敏感信息，比如說閱讀你的私密郵件，發(fā)送虛假郵件，看你的聊天記錄等等。 如果將Gmail替換為你的銀行帳戶，問題就大條了。
為啥出現(xiàn)Script error. ?

為了提升網(wǎng)站的訪問速度，我們通常都會將靜態(tài)資源文件(css, image, javascript)放在第三方CDN。當(dāng)這些從第三方加載的JavaScript腳本執(zhí)行出錯，因?yàn)檫`背了同源策略, 為了保證用戶信息不被泄露，錯誤信息不會顯示出來，取而代之只會返回一個Script error.。

暴露錯誤信息會怎樣呢？摘自(Cryptic “Script Error.” reported in Javascript in Chrome and Firefox)：

假想你不小心訪問了一個惡意網(wǎng)站，網(wǎng)頁里面偷偷放入了一段JavaScript腳本

在scripterror.js中拋出一個Error對象：

throw new Error("Hello, Fundebug");

使用的http-server掛載文件，打開http://localhost:8080/index.html，

在Chrome瀏覽器控制臺下，可以看到詳細(xì)的出錯信息:

為了復(fù)現(xiàn)Scrpt error.， 將scripterror.js放到我在coding.net的個人項目下面:




    Test Script error

運(yùn)行http-server, 結(jié)果如下：

因?yàn)檫`背同源策略，這時只能拿到Script error.。

總結(jié)

本文介紹了Script error.的由來，并提供了一個簡單的實(shí)例來演示什么情況下出現(xiàn)Script error.。接下來，我們將對Script error進(jìn)行深度測試并提出解決方法

歡迎加入我們官方QQ群“全棧BUG監(jiān)控交流”622902485

版權(quán)聲明:
轉(zhuǎn)載時請注明作者Fundebug以及本文地址：
https://blog.fundebug.com/2017/04/05/understand-script-error/

文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址：http://m.hztianpu.com/yun/82378.html

相關(guān)文章

  • Fundebug前端JavaScript插件更新至1.7.1，拆分錄屏代碼，還原部分Script e

    摘要：拆分了錄屏代碼，監(jiān)控插件壓縮至，另外我們還原了部分，幫助用戶更方便地。請大家及時更新哈拆分錄屏代碼從版本開始，我們拆分了錄屏代碼。自從年雙十一正式上線，累計處理了億錯誤事件，付費(fèi)客戶有金山軟件百姓網(wǎng)等眾多品牌企業(yè)。 摘要： BUG監(jiān)控插件壓縮至18K。 showImg(https://segmentfault.com/img/bVbpIPC?w=900&h=383); 1.7.1拆分了...

    freecode 評論0 收藏0

  • 前端 JavaScript 錯誤收集

    摘要：，表示當(dāng)前錯誤對象，包含當(dāng)前錯誤比較詳細(xì)的堆棧等信息，需要比較新的瀏覽器才有這個參數(shù)?？偨Y(jié)這樣我們就可以利用收集用戶的報錯信息了完整的錯誤收集系統(tǒng)見下面的參考鏈接。參考鏈接全面收集前端報錯原文地址獲取最佳閱讀體驗(yàn)并參與討論，請訪問原文 前言 最近有個頁面寫好后在 Chrome devtools 里運(yùn)行正常，但是手機(jī)上運(yùn)行時卻出了問題，就想著在代碼里添加下面的內(nèi)容，到手機(jī)上顯示錯誤消息 ...

    myshell 評論0 收藏0

  • 前端培訓(xùn)-中級階段（11、12）- 跨域請求原理以及實(shí)現(xiàn)（2019-08-22期）

    摘要：上節(jié)我們講了同源策略，這節(jié)我們講講如何跨域。當(dāng)這些從的腳本執(zhí)行出錯，因?yàn)檫`背了同源策略為了保證用戶信息不被泄露，錯誤信息不會顯示出來，取而代之只會返回一個。 前端最基礎(chǔ)的就是 HTML+CSS+Javascript。掌握了這三門技術(shù)就算入門，但也僅僅是入門，現(xiàn)在前端開發(fā)的定義已經(jīng)遠(yuǎn)遠(yuǎn)不止這些。前端小課堂（HTML/CSS/JS），本著提升技術(shù)水平，打牢基礎(chǔ)知識的中心思想，我們開課啦（每...

    binaryTree 評論0 收藏0

  • 全面分析前端的網(wǎng)絡(luò)請求方式

    摘要：請求默認(rèn)會攜帶同源請求的，而跨域請求則不會攜帶，設(shè)置的的屬性為將允許攜帶跨域。類型請求成功后的回調(diào)函數(shù)。另外，同樣提供了在環(huán)境下的支持，可謂是網(wǎng)絡(luò)請求的首選方案。當(dāng)網(wǎng)絡(luò)故障時或請求被阻止時，才會標(biāo)記為，如跨域不存在，網(wǎng)絡(luò)異常等會觸發(fā)。 一、前端進(jìn)行網(wǎng)絡(luò)請求的關(guān)注點(diǎn) 大多數(shù)情況下，在前端發(fā)起一個網(wǎng)絡(luò)請求我們只需關(guān)注下面幾點(diǎn)： 傳入基本參數(shù)（url，請求方式） 請求參數(shù)、請求參數(shù)類型 設(shè)...

    Edison 評論0 收藏0

  • 全面理解document.write()

    摘要：標(biāo)準(zhǔn)定義和用法文檔節(jié)點(diǎn)的方法用于寫入文檔內(nèi)容，可以傳多個參數(shù)，寫入的字符串會按解析。在異步引入的和或事件的回調(diào)函數(shù)中運(yùn)行，運(yùn)行完后，最好手動關(guān)閉文檔寫入。寫入的標(biāo)簽中的內(nèi)容會正常運(yùn)行。 W3C 標(biāo)準(zhǔn) WHATWG: write() 定義和用法 文檔節(jié)點(diǎn)的write()方法用于寫入文檔內(nèi)容，可以傳多個參數(shù)，寫入的字符串會按HTML解析。 語法：document.write() 參數(shù)：字...

    imingyu 評論0 收藏0

發(fā)表評論

0條評論

閱讀需要支付1元查看
<