在Google Chrome控制台中，如何查看在何处以及如何修改标签？

Question

我正在一个基于Prestashop的网站上工作，并且有一个标签，当一个人激活一个切换台时，它会更改类（从“ col-md-12”到“ col-md-6”）。

我想了解一下在javascript代码中更改的方式和位置（我想必须是使用Javascript才能进行更改）。

谢谢

Answer 1

1. 在Windows / Linux上打开chrome开发者工具（F12， Command+Option+I（在Mac上）。

2. 单击devtools左上角的元素选择器 面板。

1. 在选择此工具后，找到（在页面中）并单击其元素 属性在运行时更改。现在必须在devtools面板中突出显示标签 太。右键单击devtools中突出显示的标签。

2. 在弹出菜单中，将鼠标悬停在中断上，然后选择属性 修改。

3. 单击将类更改为col-md-6的开关。

请注意，每次修改一个属性（包括添加/删除属性或更改其值）时，这都会暂停执行。