如何在浏览器加载之前更改HTML页面内容

时间:2013-10-15 12:06:02

标签: html html5 dom

我想在加载之前更改(修改或删除某些div / tag)HTML页面内容 在客户端浏览器中。

请帮助我知道我应该使用哪种插件/ BHO /脚本以及如何在浏览器中注入它们,这样无论何时用户加载页面,我的组件都可以修改它。

任何帮助将不胜感激!

此致 阿希什

3 个答案:

答案 0 :(得分:0)

您可以通过CSS隐藏BODY元素内容或BODY元素:

BODY {
    display: none;
}
应该在hidden部分内添加

HEAD类(而浏览器甚至不会遇到<body>开启标记):

$(document.documentElement).addClass('hidden');

然后在ready()处理程序中取消隐藏:

$(document).ready(function() {
    $(document.documentElement).removeClass('hidden');
});

静态隐藏BODY元素对于禁用JS执行的情况不利。

答案 1 :(得分:0)

不确定这里是什么,但你可以不显示身体然后进行更改,然后在完成时显示阻止。

答案 2 :(得分:0)

如果您想根据客户端提供不同版本的网站,可能需要查看该网站:http://mobiledetect.net/

它使用HTTP-Header信息来确定要提供的内容。