📜  GeeksforGeeks 网页的读者视图

📅  最后修改于: 2021-11-25 04:24:21             🧑  作者: Mango

读者视图:读者视图是一项功能,可从网页中删除所有不必要的东西,如按钮、广告等,并更改页面布局,即文本大小、对比度等,以提高可读性。

读者视图中的网页示例。

如何获得读者对任何网页的看法?

下面是将网页视图更改为阅读器视图的脚本。

// Dynamically loading the Jquery Library
javascript: var fileref = document.createElement('script');
fileref.setAttribute("type", "text/javascript");
fileref.setAttribute("src", 
"https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js");
document.body.appendChild(fileref);
  
  
// Dynamically changing the CSS using Jquery 
// by removing the Left column, right column
// and widening the width of the center column
// and also increasing the font size of the div content
setTimeout(function() {
    jQuery("div.wrapper div.leftSideBarParent").hide();
    jQuery("div.wrapper div.widget-area").hide();
    jQuery("div.wrapper div.site-content").css({
        'width': '1150px',
        'margin-left': '105px',
        'margin-right': '45px'
    });
    jQuery("div.menu-iconic-container").hide();
    $("div").css('fontSize', '20px');
    $("pre").css('fontSize', '20px');
   
}, 2000);
setTimeout(function() {
    document.body.appendChild(fileref);
    $("#div-gpt-ad-1525180449717-0").hide();
    $(".col-sm-3").hide();
    $(".col-sm-9.normalScreen").css('width', '100%');
}, 500);
  
// Changing width to wide screen in case of 
// any problem encountered due to scrolling 
// of the page
var body = document.body,
    html = document.documentElement;
setInterval(function() {
    if (body.scrollHeight >= 5000) {
        setTimeout(function() {
            $("div.wrapper div.site-content").css({
                'width': '1150px',
                'margin-left': '105px',
                'margin-right': '45px'
            });
        }, 500);
    }
}, 2000);

如何执行/运行这个脚本?
打开任何 GeeksforGeeks 编辑页面并将脚本粘贴到开发者工具的控制台窗口中(按 F12),然后按 Enter。
您将获得编辑页面的完整读者视图。