如何使用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

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

来自分类Dev

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

来自分类Dev

溢出隐藏隐藏所有内容

来自分类Dev

无法使用htaccess隐藏所有扩展

来自分类Dev

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

来自分类Dev

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

来自分类Dev

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

来自分类Dev

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

来自分类Dev

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

来自分类Dev

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

来自分类Dev

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

来自分类Dev

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

来自分类Dev

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

来自分类Dev

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

来自分类Dev

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

来自分类Dev

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

来自分类Dev

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

来自分类Dev

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

来自分类Dev

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

来自分类Dev

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

来自分类Dev

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

来自分类Dev

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

来自分类Dev

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

来自分类Dev

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

来自分类Dev

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

来自分类Dev

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

来自分类Dev

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

来自分类Dev

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

来自分类Dev

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

Related 相关文章

  1. 1

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

  2. 2

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

  3. 3

    溢出隐藏隐藏所有内容

  4. 4

    无法使用htaccess隐藏所有扩展

  5. 5

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

  6. 6

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

  7. 7

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

  8. 8

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

  9. 9

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

  10. 10

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

  11. 11

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

  12. 12

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

  13. 13

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

  14. 14

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

  15. 15

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

  16. 16

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

  17. 17

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

  18. 18

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

  19. 19

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

  20. 20

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

  21. 21

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

  22. 22

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

  23. 23

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

  24. 24

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

  25. 25

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

  26. 26

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

  27. 27

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

  28. 28

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

  29. 29

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

热门标签

归档