Skip to main content

客户端脚本

示例:禁用编辑页某个字段

为了方便开发者更方便控制元素,我们在平台的关键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"
}

第三步:效果展示