如何防止網站響應

我的基於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

如何防止網站響應

回答

相關問題