javascript - 检测 iframe 网页是否响应

标签 javascript jquery css

是否可以检测网站(加载在 iframe 中)是否响应?我可以使用 javascript 获取 css 媒体查询吗?

我需要确定响应开始时的宽度/高度参数。

任何帮助将不胜感激。谢谢!

最佳答案

猜猜,你可以尝试一下。喜欢:

//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 从另一个域获取页面并针对其内容执行上面的代码。

关于javascript - 检测 iframe 网页是否响应,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19767188/

相关文章:

html - 如何使用百分比宽度使页面上的元素居中?

css - 显示浏览器 X 轴滚动条但已禁用

javascript - 在 md-select 中使用 md-virtual-repeat 不起作用?

javascript - Divi Wordpress 主题 - 从外部页面打开带有 anchor 链接的选项卡

javascript - 调用针对 DOM 的自定义方法时出现的问题

html - Wordpress 的 Bootstrap 4 主题 - 垂直对齐不起作用

javascript - QuickConnect 相对于 Phonegap 的优势?

javascript - 单击按钮更改组件状态

javascript - 仅当点击由 contenteditable div 触发时才执行操作

jquery - 如何在没有(减号)滚动条的情况下获得屏幕宽度?