javascript - iframe Web ページが応答しているかどうかを検出する

Question

(iframe に読み込まれた) Web サイトが応答しているかどうかを検出することは可能ですか? JavaScript を使用して CSS メディア クエリを取得できますか?

応答性が始まる幅/高さのパラメーターを特定する必要があります。

どんな助けでも大歓迎です。ありがとう！

Answer 1

推測してみてください。お気に入り：

//go throw all stylesheets
var isResponsive = false;
$.each(document.styleSheets, function(sheetIndex, sheet) {
  //until found
  if (!isResponsive) {
    $.each(sheet.cssRules || sheet.rules, function(ruleIndex, rule) {
        //if contains MediaQuery - go out
        if (!!rule.media) {
           isResponsive = true;
           return false;
        }
    });
  };
});

ドキュメントは正常に機能しますが、iframe の場合はセキュリティ ポリシーによってブロックされる可能性があります。

UPD:また、JSONP を使用して別のドメインからページを取得し、そのコンテンツに対して上記のコードを実行することもできます。