简介
point-and-tell 是一个基于 Web 开发的工具，它可以在网站上选择一个元素并生成一个与之对应的 CSS 选择器。该工具可以在前端开发中提高开发效率，特别是在开发时遇到一些没有类或 ID 的元素，或者需要对复杂的 CSS 选择器进行调整时。
安装
point-and-tell 可以通过 npm 进行安装。打开终端并运行以下命令：
npm install point-and-tell
使用
初始化
在项目中引入 point-and-tell：
import PointAndTell from "point-and-tell";
然后通过实例化 PointAndTell 类来创建一个新的 point-and-tell 实例。建议将其保存在全局变量中以便调用。
window.pointAndTell = new PointAndTell();
开始使用
当你需要查找网页上的一个元素时，只需点击你想要选择的元素，然后按下快捷键 ctrl/cmd + c。 point-and-tell 会生成一个相应的 CSS 选择器，然后可以通过粘贴到开发代码中来使用。
高级用法
如果你需要选择父元素，只需按下 shift 键并单击父元素。
如果你想要重新调整选择器，可以通过快捷键 ctrl/cmd + c 重新生成相应的选择器。
事件
point-and-tell 支持两个事件：
-- -------------------- ---- ------- -- ---------- ------------------------------ -- - ---------------------- --- -- ----------- ----------------------------- -- - ---------------------- ---
示例代码
-- -------------------- ---- ------- ------ ------------ ---- ----------------- -- --- ------------ --------- ------------------- - --- --------------- -- ---------- ------------------------------ -- - ---------------------- --- -- ----------- ----------------------------- -- - ---------------------- ---
结论
使用 point-and-tell 可以方便地进行前端开发中的元素选择器的获取和操作。在开发过程中，可以通过 point-and-tell 提高开发效率，加快开发进程，提高代码质量。在实际开发中，建议优先考虑使用该工具。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6005581b81e8991b448d5438