javascript - 如何在 tampermonkey 中捕获状态 503

Question

我有一个每秒刷新页面的用户脚本，但有时它尝试刷新的网站会遇到状态 503 错误，这会停止脚本运行。这意味着脚本将不再尝试每秒刷新页面。如何在页面运行状态 503 错误后保持脚本运行？错误在控制台中看起来像这样:

加载资源失败:服务器响应状态为 503(服务不可用)

// ==UserScript==
// @name        script
// @namespace   name
// @description example
// @match       *^https://example.com/$*
// @version     1
// @require     https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js
// @grant       GM_xmlhttpRequest
// @run-at document-end
// ==/UserScript==

//*****************************************START OF SET_TIMEOUT
var timeOne = 1000;
var theTime = timeOne;

var timeout = setTimeout("location.reload(true);", theTime);
function resetTimeout() {
clearTimeout(timeout);
timeout = setTimeout("location.reload(true);", theTime);
} //end of function resetTimeout()
//*****************************************END OF SET_TIMEOUT

Answer 1

用户脚本在页面加载时运行，如果页面根本没有加载除 200 以外的任何状态代码，它们将不会运行。您可以使用 <iframe>正如@Hemanth 建议的那样，但你必须打破无限循环作为 <iframe>还将加载用户脚本等。要打破它，只需检查用户脚本是否加载到顶部窗口。

if (window == window.top) {
    // Remove everything from the page
    // Add an iframe with current page URL as it's source
    // Add an event to reload the iframe few seconds after it is loaded
}

完整代码:

(function ($) {
  'use strict';
  var interval = 5000;
  if (window == window.top) {
    var body = $('body').empty();
    var myframe = $('<iframe>')
      .attr({ src: location.href })
      .css({ height: '95vh', width: '100%' })
      .appendTo(body)
      .on('load', function () {
        setTimeout(function () {
          myframe.attr({ src: location.href });
        }, interval);
      });
  }
})(jQuery);