检测iframe网页是否有响应

Question

是否可以检测网站(加载在iframe中)是否有响应？我可以使用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 从另一个域获取页面并执行上面的代码以获取其内容。