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

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

    资源加载错误 - 图2

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

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

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