Script error.全面解析](https://blog.fundebug.com/2017/04/05/understand-script-error/)中我們介紹了`Script error.`的由來(lái)。這篇博客，我們將各種情況（不同瀏覽器、本地遠(yuǎn)程托管JS文件）考慮進(jìn)去，進(jìn)行一個(gè)深度的測(cè)試，為讀者帶來(lái)一個(gè)全面的了解。

成都創(chuàng)新互聯(lián)公司-專(zhuān)業(yè)網(wǎng)站定制、快速模板網(wǎng)站建設(shè)、高性?xún)r(jià)比永川網(wǎng)站開(kāi)發(fā)、企業(yè)建站全套包干低至880元,成熟完善的模板庫(kù),直接使用。一站式永川網(wǎng)站制作公司更省心,省錢(qián),快速模板網(wǎng)站建設(shè)找我們，業(yè)務(wù)覆蓋永川地區(qū)。費(fèi)用合理售后完善，十載實(shí)體公司更值得信賴(lài)。

GitHub倉(cāng)庫(kù): Fundebug/script-error

基本準(zhǔn)備

index.html中使用onerror監(jiān)控錯(cuò)誤。

scripterror.js中拋出一個(gè)Error對(duì)象：

throw new Error('Hello, Fundebug');

該Error對(duì)象會(huì)被window.onerror捕獲。

本地直接打開(kāi)

如果我們直接在本地打開(kāi)index.html, 可以看到Safari, Firefox, IE瀏覽器都能正確打印出錯(cuò)誤信息。

唯獨(dú)Chrome只顯示Script error.

這是因?yàn)镃hrome瀏覽器默認(rèn)不允許訪(fǎng)問(wèn)本地文件：

To load local resources in Chrome when just using your local computer and not using a webserver you need to add the --allow-file-access-from-files flag.

如果一定要使用，需要開(kāi)啟訪(fǎng)問(wèn)本地文件的候選項(xiàng)，可以參考chrome 等瀏覽器不支持本地ajax請(qǐng)求的問(wèn)題。

使用服務(wù)器掛載靜態(tài)資源

我們將使用http-server。

安裝http-server:

npm install http-server -g

運(yùn)行http-server:

http-server
Starting up http-server, serving ./
Available on:
  http://127.0.0.1:8080
  http://172.20.1.86:8080
  http://192.168.59.100:8080
Hit CTRL-C to stop the server

訪(fǎng)問(wèn)http://localhost:8080/index.html

情況三：將scripterror.js托管

為了測(cè)試Script error., 我將scripterror.js分別托管在了Coding和七牛。

Coding

index.html

Chrome, Safari和IE瀏覽器都將錯(cuò)誤信息隱藏，返回Script error.。

不過(guò)Firefox比較特別，依然將錯(cuò)誤信息完整的打印出來(lái)，大概是為了方便開(kāi)發(fā)者排錯(cuò)。

七牛云

index.html

結(jié)果和托管在Coding上是一樣的。

將引入腳本修改一下，加入crossorigin="anaonymous":

再次執(zhí)行運(yùn)行，在不同瀏覽器的表現(xiàn)如下：

Chrome, Safari可以獲取詳細(xì)的出錯(cuò)信息了，但是IE瀏覽器依然是Script error. 。這一點(diǎn)比較奇怪, 根據(jù)MDN - CORS settings attributes，IE11應(yīng)該是沒(méi)有問(wèn)題的。

在這里我將Coding和七牛對(duì)于scripterror.js的Response Headers對(duì)一下:

七牛的Access-Control-Allow-Origin允許來(lái)自所有域名的請(qǐng)求，而Coding沒(méi)有。七牛是一個(gè)資源托管分發(fā)平臺(tái)，因此特意配置了不同的返回頭，方便開(kāi)發(fā)者將腳本放在七牛云同時(shí)又可以拿到出錯(cuò)信息。

下一篇博客中，我們將提出Script error的解決方法。

關(guān)于Fundebug

Fundebug專(zhuān)注于JavaScript、微信小程序、微信小游戲、支付寶小程序、React Native、Node.js和Java實(shí)時(shí)BUG監(jiān)控。 自從2016年雙十一正式上線(xiàn)，F(xiàn)undebug累計(jì)處理了7億+錯(cuò)誤事件，得到了Google、360、金山軟件、百姓網(wǎng)等眾多知名用戶(hù)的認(rèn)可。歡迎免費(fèi)試用！

版權(quán)聲明

轉(zhuǎn)載時(shí)請(qǐng)注明作者Fundebug以及本文地址：
https://blog.fundebug.com/2017/04/06/test-script-error/

另外有需要云服務(wù)器可以了解下創(chuàng)新互聯(lián)scvps.cn，海內(nèi)外云服務(wù)器15元起步，三天無(wú)理由+7*72小時(shí)售后在線(xiàn)，公司持有idc許可證，提供“云服務(wù)器、裸金屬服務(wù)器、高防服務(wù)器、香港服務(wù)器、美國(guó)服務(wù)器、虛擬主機(jī)、免備案服務(wù)器”等云主機(jī)租用服務(wù)以及企業(yè)上云的綜合解決方案，具有“安全穩(wěn)定、簡(jiǎn)單易用、服務(wù)可用性高、性?xún)r(jià)比高”等特點(diǎn)與優(yōu)勢(shì)，專(zhuān)為企業(yè)上云打造定制，能夠滿(mǎn)足用戶(hù)豐富、多元化的應(yīng)用場(chǎng)景需求。

本文題目：Scripterror.深度測(cè)試-創(chuàng)新互聯(lián)
瀏覽地址：http://weahome.cn/article/coioig.html