时间戳

首页 > 解决方案 > 如何在 Tampermonkey 中捕获状态 503

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

问题描述

我有一个每秒刷新一次页面的用户脚本，但有时它尝试刷新的网站会遇到状态 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

标签： javascripterror-handlingsettimeouttampermonkeyhttp-status-code-503

解决方案

用户脚本在页面加载时运行，如果页面根本没有加载除 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);

推荐阅读