Question

我的基于GreaseMonkey的脚本还有一个问题。

我想要做的是防止网站表现得像响应一样。我的意思是我希望任何网站在放大时保持其默认外观，我只想让滚动条（两者）显示在旧网站上。

我尝试将所有网站放在一个div中并设置其宽度，但它不起作用。

这是我的代码：

    var OA_disableResponsive = function(){
      $("body").append('<div id="OA_Container"></div>');
      var winWidth = $(window).width();
      $("#OA_Container").css("position", "absolute").css("width",winWidth);
      var el = $("body").children().not("#OA_Container");
      $("#OA_Container").append(el);
    }

它将我的容器div放在我希望它正确的位置，但它仍然不会阻止网站在放大时改变其外观。

--- [编辑] ---

我决定尝试别的东西，看起来它可以起得很少帮助。

    var OA_disableResponsive = function(){
      var winWidth = $(window).width();
      var winHeight = $(window).height();
      var docWidth = $(document).width();
      var docHeight = $(document).height();
      var url = $(location).attr("href");

      $("body").append('<div id="OA_Container"><iframe src="'+url+'" id="OA_Iframe"></iframe></div>');
      $("#OA_Container").css("cssText", "  \
        display: block; \
        position: fixed; \
        overflow: scroll; \
        top: 0px; \
        width: "+winWidth+"px; \
        height: "+winHeight+"px; \
        left: 0px; \
        bottom: 0px: \
        right: 0px; \
        z-index: 9999; \
        margin: 0 auto; \
      ");
      $("#OA_Iframe").css("cssText", " \
        position: absolute; \
        width: "+docWidth+"px; \
        height: "+docHeight+"px; \
        top: 0px; \
        left: 0px; \
        bottom: 0px: \
        right: 0px; \
        margin: auto; \
      ");
    }

使用这种方法我有一个问题 - 我不能滚动。我在CSS方面很弱，我不知道如何使这个容器div始终匹配窗口大小（不仅仅是响应？）并且在iframe中包含整个页面。哪一个应该可滚动？我应该使用属于div的大iframe和滚动条，还是使用与自己的滚动条匹配div大小的iframe？

Answer 1

从网站中删除响应的最简单方法是修改视口以保持一定的宽度。

您可以尝试这样的事情：

$(document).ready(function(){
   $('meta[name="viewport"]').prop('content', 'width=1440');
});

Via- Possible to disable @media queries or force a resolution? Reason: Allow an iphone to see the desktop site?

Answer 2

JSFiddle

您可能遗失了display:block。

很难说，因为你只提供了Javascript，同时也说JS是你程序中唯一有效的部分。

请注意，您的实施不会禁用media个查询，因此您无法完全禁用此响应。

如何防止网站响应

2 个答案: