Etsy：切换组件轮廓
在商品卡片和组件周围绘制细红色轮廓，便于检查页面布局。
可复制的代码
// Toggle debug outlines around every listing card and component
const ID = 'jz-ety-debug-outline';
const old = document.getElementById(ID);
if (old) { old.remove(); }
else {
const s = document.createElement('style');
s.id = ID;
s.textContent = '.listing-card,[data-listing-id],'
+ '[data-appears-component-name]'
+ '{outline:1px solid rgba(220,50,50,0.6)!important}';
document.head.appendChild(s);
}如何使用此示例
- 用上方按钮复制代码。
- 安装 JustZix（2 分钟），在目标页面打开扩展。
- 添加一条匹配该页面的新规则。
- 启用操作面板，在「操作」选项卡中添加按钮并粘贴代码 — 一键运行。
为此示例评分
暂无评分 — 成为第一个。