如何确定 URL 是否已启动并正在运行？

Question

我有四个 URL，我正在尝试构建一种简单的 HTML-JavaDcript 方法来确定这些 URL 是否已启动并正在运行。

网址是这样的：

• https://www.kbhome1.com
• https://www.kbhome2.com
• https://www.kbhome3.com
• https://www.kbhome4.com

现在，当使用 IE 中的地址栏加载 URL 时，它们都提供了一个通用文本，该文本与使用的 URL 有一些变化，如下所示：

• Your app1 is up and running
• Your app2 is up and running
• Your app3 is up and running
• Your app4 is up and running

所以我试图在 iframe 中加载 URL，然后我试图获取公共文本 Your app，这将让我知道各个 URL 已启动。现在的问题是 URL 托管在不同的服务器中，因此由于Same Origin Policy violation，我不断收到此错误：

iframe 错误权限被拒绝访问属性

现在有没有人知道任何其他方式来实现我想要做的事情？任何帮助都深表感谢。

Answer 1

几个选项供您选择：

1. 听起来您打开了 iframe，其中加载了这些 URL。您可以通过postMessage（允许跨域）向 iframe 窗口发送消息，并让他们回复说他们是否已启动。例如，在您的主窗口中：

   window.addEventListener("message", function(e) {
       // Check iframe reply's origin and handle it here
   }, false);
   
   theIframe.contentWindow.postMessage("ack", "https://kbhome1.com");
   

   在那里，您正在收听一条消息，并向 iframe 发送一条消息，要求它回复。

   更多关于postMessage：

   • In the spec
   • On MDN
   • Article on using it cross-origin

2. 但它不需要那么复杂。如果您只想确保这些应用程序已启动，请在每个应用程序上放置一个小脚本文件，例如https://kbhome1.com/up.js，里面有这个：

   hostStatus("kbhome1", true);
   

   ...然后在您的页面上包含一个函数：

   function hostStatus(host, up) {
       // ...mark that host as "up" or "down" based on the `up` flag
   }
   

   ...并为每个主机添加一个脚本标签：

   var script = document.createElement('script');
   script.src = "https://kbhome1.com/up.js";
   script.onerror = function() {
       hostStatus("kbhome1", false); // It's not up
   };
   document.querySelector("script").parentNode.appendChild(script);
   

   如果您看到hostIsUp 电话，那就是电话；如果你不这样做，那就不是（我们可以使用上面的error 事件来获得肯定的“它没有启动”结果）。

   如果您正在创建一个持续的“实时”状态页面，则可以多次执行此操作。

Answer 2

您可以尝试向这些 URL 中的每一个发送简单的 AJAX GET 请求，然后查看是否返回 200 状态。

同样，对于您可以尝试使用 jsonp 数据类型的跨域问题，这可能会失败。