Scripterror.深度測試-創(chuàng)新互聯(lián)

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

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

GitHub倉庫: Fundebug/script-error

Script error.深度測試

基本準備

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

<!DOCTYPE html>
<html>
<head>
    <title>Test Script error</title>
    <script type="text/javascript">
     window.onerror = function(errorMessage, scriptURI, lineNumber, columnNumber, error){
        console.log(errorMessage);
        console.log(scriptURI);
        console.log(lineNumber);
        console.log(columnNumber);
        console.log(error);
      }
    </script>
    <script type="text/javascript" src="./scripterror.js"></script>
</head>
<body>
</body>
</html>

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

throw new Error('Hello, Fundebug');

該Error對象會被window.onerror捕獲。

本地直接打開

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

Script error.深度測試
唯獨Chrome只顯示Script error.

Script error.深度測試

這是因為Chrome瀏覽器默認不允許訪問本地文件：

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.

如果一定要使用，需要開啟訪問本地文件的候選項，可以參考chrome 等瀏覽器不支持本地ajax請求的問題。

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

我們將使用http-server。

安裝http-server:

npm install http-server -g

運行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

訪問http://localhost:8080/index.html

情況三：將`scripterror.js`托管

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

Coding

index.html

<script type="text/javascript" src="http://coding.net/u/stefanzan/p/stefanzan/git/raw/coding-pages/public/js/src/scripterror.js"></script>

Script error.深度測試
Chrome, Safari和IE瀏覽器都將錯誤信息隱藏，返回Script error.。

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

Script error.深度測試

七牛云

index.html

<script type="text/javascript" src="https://og6593g2z.qnssl.com/scripterror.js"></script>

結果和托管在Coding上是一樣的。

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

<script type="text/javascript" src="https://og6593g2z.qnssl.com/scripterror.js" crossorigin="anonymous"></script>

再次執(zhí)行運行，在不同瀏覽器的表現(xiàn)如下：
Script error.深度測試

Chrome, Safari可以獲取詳細的出錯信息了，但是IE瀏覽器依然是Script error. 。這一點比較奇怪, 根據(jù)MDN - CORS settings attributes，IE11應該是沒有問題的。

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

Script error.深度測試

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

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

關于Fundebug

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

Script error.深度測試

版權聲明

轉載時請注明作者Fundebug以及本文地址：
https://blog.fundebug.com/2017/04/06/test-script-error/

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

分享文章：Scripterror.深度測試-創(chuàng)新互聯(lián)
分享路徑：http://www.aaarwkj.com/article6/coioig.html

成都網(wǎng)站建設公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站導航、商城網(wǎng)站、移動網(wǎng)站建設、定制網(wǎng)站、網(wǎng)站建設、電子商務

聲明：本網(wǎng)站發(fā)布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經(jīng)允許不得轉載，或轉載時需注明來源：創(chuàng)新互聯(lián)

猜你還喜歡下面的內容

欧美一级特黄大片做受成人-亚洲成人一区二区电影-激情熟女一区二区三区-日韩专区欧美专区国产专区

Scripterror.深度測試-創(chuàng)新互聯(lián)

基本準備

本地直接打開

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

情況三：將scripterror.js托管

Coding

七牛云

關于Fundebug

版權聲明

情況三：將`scripterror.js`托管