关于隐藏网页菜单问题分享

事件背景

1
客户是我们长期MS服务客户,联系到我们看能否帮忙隐藏他们某个静态网站的菜单模块。因为其软件开发供应商说操作需付费走订单,随之联系我们。考虑到客户是长期优质客户,并且这个工作量和难度不大,就先帮客户看看。

需求分析

1
2
某静态页面需隐藏指定菜单模块,首先想到的是直接注释对应li元素标签,但页面顶部应该是引用子页面,也就是每个模块都会显示需隐藏的菜单。
先进行注释测试效果。

本地浏览器中编辑测试

1
2
3
浏览器页面 F12 ,打开开发者工具,选择 Elements
点击元素选择后选择对应模块
右键,选择Edit as HTML,进行注释 <!-- xx -->

1
2
但注释后发现有异常,对应的元素空间位置发生了变化
本来最后列是“资源下载”,注释后变成了“名人代言”

1
2
不能直接注释整个元素,可以尝试对这个样式的显示属性设置为none
style = "display : none"


服务器上调试

1
2
这里出现了小插曲,原本客户使用的默认打开程序为写字板,导致编辑后浏览器访问会乱码。
用记事本打开编辑即可,另外这种html需要在头部指定编码 charset=utf-8
-------------本文结束感谢您的阅读-------------
原创技术分享,感谢您的支持。