如何防止网站响应

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 和滚动条，还是使用 iframe 匹配 div 大小及其自己的滚动条？

Answer 1

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

你可以尝试这样的事情：

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

通过- 可以禁用@media 查询或强制解决吗？原因：允许iphone查看桌面站点？

Answer 2

JSFiddle

你可能已经失踪了display:block。

很难说，因为你只提供了JavascriptJS 是你的程序中唯一有效的部分。

请注意，您的实现不会禁用media查询，因此您并没有完全禁用响应能力。