Chrome 或 Firefox 中的 Web 开发人员模式：如何获取对象的 CSS 完整选择器？
Web Developer mode in Chrome or Firefox: how to get an object's CSS full selector?
当我打开 Web Developer 工具并检查页面时，有时我希望 select 一个元素并复制（即抓取整个文本）其 CSS select或者.
我的意思是：
由于某些原因，该框中的文本无法 select，并且右键单击没有显示菜单或选项。
有没有办法获取或导出该文本以便我可以在我的代码中处理它？
右键单击检查器中的元素，选择“复制”子菜单，每个浏览器为您提供的选项略有不同：
Chrome（以及其他基于 Chromium 的浏览器，包括新的 Microsoft Edge）为您提供了复制选择器的选项，这会产生一个经过优化但仍然相当长的选择器，它将独一无二识别元素。
Firefox 为您提供了两个选项：“CSS 选择器”，其功能与 Chrome 基本相同，但为您提供了更优化的选择器，以及“CSS Path”，它为您提供与您在屏幕截图中指向的内容相同的内容，从根开始到该元素的整个路径。 “CSS 路径”是为网络测试工具设计的，但对于大多数其他用例来说它可能过多，我猜这就是为什么 Chrome 没有类似的功能。
查看这些其他答案，我在其中详细解释了这些功能的工作原理：
- How does Chrome dev tools generate CSS selectors?
- Chrome Dev Tools CSS selectors Method
当我打开 Web Developer 工具并检查页面时，有时我希望 select 一个元素并复制（即抓取整个文本）其 CSS select或者.
我的意思是：
由于某些原因，该框中的文本无法 select，并且右键单击没有显示菜单或选项。
有没有办法获取或导出该文本以便我可以在我的代码中处理它？
右键单击检查器中的元素，选择“复制”子菜单，每个浏览器为您提供的选项略有不同：
Chrome（以及其他基于 Chromium 的浏览器，包括新的 Microsoft Edge）为您提供了复制选择器的选项，这会产生一个经过优化但仍然相当长的选择器，它将独一无二识别元素。
Firefox 为您提供了两个选项：“CSS 选择器”，其功能与 Chrome 基本相同，但为您提供了更优化的选择器，以及“CSS Path”，它为您提供与您在屏幕截图中指向的内容相同的内容，从根开始到该元素的整个路径。 “CSS 路径”是为网络测试工具设计的，但对于大多数其他用例来说它可能过多，我猜这就是为什么 Chrome 没有类似的功能。
查看这些其他答案，我在其中详细解释了这些功能的工作原理：
- How does Chrome dev tools generate CSS selectors?
- Chrome Dev Tools CSS selectors Method