如何使用Chrome扩展程序在页面加载之前隐藏所有内容

乔E.

我尝试使用内容脚本

manifest

"content_scripts": [
    {
        "matches": ["*://*/*"],
        "js": ["js/content_script.js"]
    }
]

content_script.js

_ini();
function _ini(){
    document.body.style.display="none";
}

但是它首先加载页面,然后将其隐藏。

所以我尝试了 webNavigation

chrome.webNavigation.onCommitted.addListener(function(details){
    alert('webnav');
    document.body.style.display="none";
});

但是上面也没用。页面webnav在页面加载之前发出警报,但显示不起作用。

我真正需要的是隐藏整个站点,而根本不向客户端显示任何元素。有任何想法吗?

乔E.

在使用Chrome扩展程序加载页面之前隐藏所有内容

使用run_at作为@ParagGangil提到

包括在 manifest

"content_scripts": [
    {
        "matches": ["*://*/*"],
        "js": ["content_script.js"],
        "run_at": "document_start" //<-This part is the key
    }
]

有关“ run_at”的更多信息:“ document_start”

这应该在里面 content_script.js

_ini();

function _ini(){

    document.getElementsByTagName("html")[0].style.display="none";

    window.onload=function(){

        //do your stuff

        document.getElementsByTagName("html")[0].style.display="block"; //to show it all back again

    }

}

由于@Xan的评论document.body在的加载过程中尚未构建,content_script.js因此我们将<html>标签定位

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

Chrome扩展程序:在页面加载之前注入JS

来自分类Dev

如何使用jQuery隐藏所有不包含数据类特定值的元素?

来自分类Dev

如何在Chrome扩展程序的当前页面中激活所有cookie?

来自分类Dev

使用QFileSystemModel隐藏过滤的文件,setNameFilterDisables(false)隐藏所有内容

来自分类Dev

Chrome扩展程序:在页面呈现/加载之前获取页面的html

来自分类Dev

如何隐藏所有角形材料选项卡的选项卡内容

来自分类Dev

如何使BxSlider隐藏所有幻灯片直到页面加载

来自分类Dev

在chrome扩展程序中,如何使用内容脚本注入Vue页面

来自分类Dev

在React中显示页面之前如何加载所有图像?

来自分类Dev

如何在桌面上隐藏所有项目

来自分类Dev

如何隐藏所有窗口并快速显示桌面?

来自分类Dev

如何使用动力学JS隐藏所有小组孩子

来自分类Dev

如何隐藏所有WP管理菜单表单

来自分类Dev

隐藏所有行并显示所选内容

来自分类Dev

无法使用htaccess隐藏所有扩展

来自分类Dev

使用chrome扩展程序,我将如何阅读页面中的所有HTML并替换特定部分?

来自分类Dev

有没有办法隐藏所有Chrome扩展程序图标或确保地址栏可见?

来自分类Dev

Notepad ++折叠/折叠可以隐藏所有内容吗?

来自分类Dev

使用背景页面和内容脚本的Chrome扩展程序

来自分类Dev

使用QFileSystemModel隐藏过滤的文件,setNameFilterDisables(false)隐藏所有内容

来自分类Dev

Chrome扩展程序:在页面呈现/加载之前获取页面的html

来自分类Dev

如何从表中隐藏所有tr,但单击除外

来自分类Dev

如何隐藏所有未突出显示的行?

来自分类Dev

如何使用zsh和bash隐藏所有命令输出

来自分类Dev

显示内容并隐藏所有其他相关对象

来自分类Dev

溢出隐藏隐藏所有内容

来自分类Dev

如何使用foreach隐藏所有按钮?

来自分类Dev

Chrome 扩展,让内容脚本在所有页面上运行?

来自分类Dev

加载页面时如何添加 JQPlot 类以隐藏所有图表线?

Related 相关文章

  1. 1

    Chrome扩展程序:在页面加载之前注入JS

  2. 2

    如何使用jQuery隐藏所有不包含数据类特定值的元素?

  3. 3

    如何在Chrome扩展程序的当前页面中激活所有cookie?

  4. 4

    使用QFileSystemModel隐藏过滤的文件,setNameFilterDisables(false)隐藏所有内容

  5. 5

    Chrome扩展程序:在页面呈现/加载之前获取页面的html

  6. 6

    如何隐藏所有角形材料选项卡的选项卡内容

  7. 7

    如何使BxSlider隐藏所有幻灯片直到页面加载

  8. 8

    在chrome扩展程序中,如何使用内容脚本注入Vue页面

  9. 9

    在React中显示页面之前如何加载所有图像?

  10. 10

    如何在桌面上隐藏所有项目

  11. 11

    如何隐藏所有窗口并快速显示桌面?

  12. 12

    如何使用动力学JS隐藏所有小组孩子

  13. 13

    如何隐藏所有WP管理菜单表单

  14. 14

    隐藏所有行并显示所选内容

  15. 15

    无法使用htaccess隐藏所有扩展

  16. 16

    使用chrome扩展程序,我将如何阅读页面中的所有HTML并替换特定部分?

  17. 17

    有没有办法隐藏所有Chrome扩展程序图标或确保地址栏可见?

  18. 18

    Notepad ++折叠/折叠可以隐藏所有内容吗?

  19. 19

    使用背景页面和内容脚本的Chrome扩展程序

  20. 20

    使用QFileSystemModel隐藏过滤的文件,setNameFilterDisables(false)隐藏所有内容

  21. 21

    Chrome扩展程序:在页面呈现/加载之前获取页面的html

  22. 22

    如何从表中隐藏所有tr,但单击除外

  23. 23

    如何隐藏所有未突出显示的行?

  24. 24

    如何使用zsh和bash隐藏所有命令输出

  25. 25

    显示内容并隐藏所有其他相关对象

  26. 26

    溢出隐藏隐藏所有内容

  27. 27

    如何使用foreach隐藏所有按钮?

  28. 28

    Chrome 扩展,让内容脚本在所有页面上运行?

  29. 29

    加载页面时如何添加 JQPlot 类以隐藏所有图表线?

热门标签

归档