示例:禁用编辑页某个字段
为了方便开发者更方便控制元素,我们在平台的关键dom上添加了devid自定义属性,此ID使用特定的业务ID绑定,可以标记出系统的特定元素,
用于控制查看页面结构说明
案例说明
- 禁用编辑页的“分级”字段

第一步:查看devid
- F12打开浏览器控制台,选择元素,如果没有可能收起在更多中了

- 使用元素选择器选取元素,点击元素选择器,点击页面上的元素

- 查看样式名称,复制出来备用
第二步:创建客户端脚本
- 选择如下配置

- 创建脚本内容
- 保存脚本,回到客户详情页查看结果
// 方式一
let style = document.createElement('style');
style.type = 'text/css';
style.innerHTML='[devid="ffe201100003855g6Ipz"]{pointer-events:none}';
document.getElementsByTagName('head').item(0).appendChild(style);
// 方式二
let dd = document.querySelector('div[devid="ffe201100003428r65pk"]')
if(dd){
dd.style.display="none"
}第三步:效果展示
