如何在Chrome控制台中直接引用Polymer属性？

作为刚摸过Polymer的过来人，我给你说个简单靠谱的办法，几步就能拿到你要的属性：

• 第一步：打开Chrome的DevTools（按F12或者右键选“检查”），切换到Elements面板，在DOM树里找到你的Polymer组件对应的节点（就是你自定义的那个标签，比如<my-demo-component>）。
• 第二步：右键点击这个节点，选择Store as global variable。这时候控制台会自动弹出提示，告诉你这个实例被存成了temp1（如果之前存过其他元素，就是temp2、temp3这类命名）。
• 第三步：回到控制台，直接输入temp1.myProperty就能获取到属性值了，也可以用console.log(temp1.myProperty)把它打印出来看。

另外还有个小技巧：如果你的组件设置了id属性，比如<my-demo-component id="myComp">，那直接在控制台输入document.getElementById('myComp').myProperty也能直接拿到，省了存全局变量的步骤~

不管是Polymer 1.x还是2.x以上的版本，这个方法都适用，因为Polymer的自定义元素实例本身就绑定在DOM节点上，拿到节点就等于拿到了组件实例。

内容的提问来源于stack exchange，提问作者Ben Quan