资源加载错误

资源加载错误在Fundebug控制台的图标如下：

资源加载错误 - 图1

对于一个复杂的大型网站，所依赖的静态文件(js, css, jpg…)成千上万，因此出现加载错误，比如404，也是很常见的一种错误。

下面的示例中，所引入的test.jpg并不存在，因此会报404错误：

  1. <img src="test.jpg">

开发者可以在Fundebug控制台错误详情:

资源加载错误 - 图2

Fundebug插件捕获的错误数据如下：

  1. {
  2.     "notifierVersion": "0.2.0",
  3.     "userAgent": "Mozilla/5.0 (Macintosh; Intel Mac OS X 10.12; rv:54.0) Gecko/20100101 Firefox/54.0",
  4.     "locale": "zh",
  5.     "url": "https://www.fundebug.com",
  6.     "title": "Test",
  7.     "apiKey": "API-KEY",
  8.     "time": 1502864167717,
  9.     "type": "resourceError",
  10.     "target": {
  11.         "outerHTML": "<img src=\"test.jpg\">",
  12.         "src": "https://www.fundebug.com/test.jpg",
  13.         "tagName": "IMG",
  14.         "id": "",
  15.         "className": "",
  16.         "name": "jpg",
  17.         "XPath": "/html/body/img[1]",
  18.         "selector": "HTML > BODY:nth-child(2) > IMG:nth-child(2)",
  19.         "status": 404,
  20.         "statusText": "Not Found"
  21.     }
  22. }

资源加载错误的type属性值为resourceError。

silentResource

如果你不需要监控资源加载错误，则可以将silentResource属性设为true。