应用截图

详细介绍

适用于 Salesforce Experience Cloud。学习、演示和构建出色的 LWR 站点。获取页面上组件的详细信息。 轻松了解 Salesforce Lightning Web Runtime 实际站点的构建方式！ LWR 站点页面加载后，打开扩展程序即可开始。通过扩展程序弹出界面，可以为实际站点页面上的每个 Experience Builder 组件添加或移除可点击的标记。 点击标记可显示组件的以下信息： - Experience Builder 中的显示名称 - 使用说明 - 组件类型 - 标签名称 - 用于 CSS 的唯一选择器 - Experience Builder 组件上设置的显示样式（外边距和内边距） - Experience Builder 组件上设置的 CSS 类 - 所有自定义属性的声明及其在当前上下文中的值 - 除上述信息外，点击 Theme 和 Section 组件的标记还会显示 dxp Styling Hook 的值及其与标准 Theme Panel 属性名称的对应关系 在实际 LWR 演示站点上试用：https://capricornhealth.sfdxp.com --也支持在 Experience Builder 预览中查看未发布的站点！ --权限信息-- 添加此扩展程序时，系统会提示它可以“读取和更改您在所有网站上的所有数据”。由于 Salesforce Experience Cloud 站点可以使用任何自定义域名，因此需要此权限。运行此扩展程序所需的所有数据均包含在扩展程序中，不会进行任何服务器通信或记录任何日志。此应用会检查网页是否包含 HTML 标签 webruntime-app，以判断它是否为 LWR 站点。如果是，只有在点击扩展程序弹出界面的按钮后才会读取和更改页面，目的是处理并提供页面组件的信息。所有代码均已开源，可供审查。