如何防止网站响应

我的基于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; \ 
     "); 
    }

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

来源

2015-04-12 user3734534

请发表您的HTML和CSS这里。 –

使用特定的像素，而不是％作为边缘，填充，宽度和高度为所有页面元素，以避免响应布局btw –

如果我在我自己的网站上做，我甚至不会问，有教程。我在每个我正在访问的站点上都有脚本，我想在其中选择该选项。 – user3734534

JSFiddle

您可能已经丢失display:block。

很难说，因为您只提供了Javascript，同时也说JS是您程序的唯一工作部分。

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

来源

2015-04-13 00:54:10

试过了，没有工作。而且我无法提供任何html/css，因为它应该可以在任何网站上运行，这是一个棘手的部分。我也不知道如何消除所有媒体查询，这可以工作。 – user3734534

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

你可以尝试这样的事情：

$(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?

来源

2015-04-13 21:15:56

如何防止网站响应

回答

相关问题