Lit Prism

Lit Prism插件简介

Lit Prism插件描述

Inspect LitElement  PolymerElement webcomponents through a prism. View  modify component properties on the fly through Chrome Developer Tools.

Open the developer tools (F12)  select the Lit Prism sidepane from within the Elements panel. Select an HTML element from the Elements panel in der to view its properties. Currently suppted webcomponents are LitElement  PolymerElement components.

The list of properties will refresh automatically whenever a property  a subproperty value changes,  the sidepane will keep the current scroll position.

Due to a developer tools limitation the exped values cannot be reexped after updating the property list. In such s, it might be useful to toggle the "Automatically refresh property list switch to disabled.

No data is  will be collected.
                                

Lit Prism插件离线安装方法

1.首先用户点击谷歌浏览器右上角的自定义及控制按钮，在下拉框中选择设置。

2.在打开的谷歌浏览器的扩展管理器最左侧选择扩展程序或直接输入：chrome://extensions/

3.找到自己已经下载好的Chrome离线安装文件xxx.crx，然后将其从资源管理器中拖动到Chrome的扩展管理界面中，这时候用户会发现在扩展管理器的中央部分中会多出一个”拖动以安装“的插件按钮。

4.下载 Lit PrismChrome插件v1.2.0版本到本地。

5.勾选开发者模式，点击加载已解压的扩展程序，将文件夹选择即可安装插件。

注意：最新版本的chrome浏览器直接拖放安装时会出现“程序包无效CRX-HEADER-INVALID”的报错信息，参照这篇文章即可解决