Skip to main content

客户端脚本

示例:隐藏详情页基本信息某个字段

为了方便开发者更方便控制元素,我们在平台的关键dom上添加了devid自定义属性,此ID使用特定的业务ID绑定,可以标记出系统的特定元素,用于控制

查看页面结构说明

案例说明

  • 例如:隐藏“主联系人字段”

第一步:查看devid

  • F12打开浏览器控制台,选择元素,如果没有可能收起在更多中了
  • 使用元素选择器选取元素,点击元素选择器,点击页面上的元素
  • 查看devid,复制出来备用

第二步:创建客户端脚本

  • 选择如下配置
  • 创建脚本内容
    • 隐藏元素,并占用空间
    • 隐藏元素,并且不占用空间
  • 保存脚本,回到客户详情页查看结果
let style = document.createElement('style'); 
style.type = 'text/css'; 
style.innerHTML='[devid="ffe20220523account01"]{display:none !important}'; 
document.getElementsByTagName('head').item(0).appendChild(style); 
let style = document.createElement('style'); 
style.type = 'text/css'; 
style.innerHTML='[devid="ffe20220523account01"]{visibility:hidden !important}'; 
document.getElementsByTagName('head').item(0).appendChild(style); 

第三步:效果展示