掌握Chrome扩展CSS选择器捕获技巧

需积分: 12 0 下载量 160 浏览量 更新于2024-12-31 收藏 1.96MB ZIP 举报
资源摘要信息:"chrome-css-selector-capture:Chrome扩展CSS Selector Capture的支持页面" 知识点: 1. Chrome扩展:Chrome扩展是一种可以增强和定制Google Chrome浏览器功能的小型软件程序。它允许开发者使用HTML、CSS和JavaScript等技术创建新的功能,如书签管理器、下载管理器、广告拦截器等。 2. CSS选择器:CSS选择器是一种用于选择HTML文档中元素的方式,用于指定浏览器应该应用样式到哪个元素上。常见的CSS选择器包括元素选择器、类选择器、ID选择器、属性选择器等。 3. CSS Selector Capture:CSS Selector Capture是一种Chrome扩展,它可以帮助开发者快速捕获和复制网页中的CSS选择器,从而方便开发者进行网页开发和调试。 4. javascript:JavaScript是一种高级的、解释型的编程语言。它是一种基于对象和事件驱动的脚本语言,用于控制网页的行为和外观。在Chrome扩展开发中,JavaScript是主要的编程语言。 5. css:CSS,即层叠样式表,是一种用于控制网页外观和格式的样式表语言。它描述了在屏幕、纸张、语音等媒体上元素的呈现方式。 6. angularjs:AngularJS是一种开源的前端JavaScript框架,主要用于开发动态网页。它是Google开发的一个框架,用于简化单页面应用的开发。 7. gulp:Gulp是一个基于Node.js的自动化构建工具,它可以帮助开发者自动化常见的开发任务,如压缩、编译、单元测试、linting等。 8. html:HTML,即超文本标记语言,是构建网页内容的标记语言。它是互联网的基础,所有的网页都是使用HTML编写的。 9. sass:Sass是一种CSS预处理器,它增加了许多有用的特性,如变量、嵌套规则、混合宏等,使得CSS编写更加高效和可维护。 10. typescript:TypeScript是JavaScript的一个超集,它添加了静态类型检查等特性。TypeScript最终会被编译成JavaScript,以便在浏览器或Node.js中运行。 11. selenium:Selenium是一个用于Web应用程序测试的工具。它支持自动化测试Web浏览器的行为。Selenium可以运行在多种浏览器和操作系统中。 12. Chrome扩展开发:Chrome扩展开发涉及HTML、CSS和JavaScript等技术。开发者需要熟悉Chrome扩展的API,这些API允许开发者访问和控制浏览器的各种功能。Chrome扩展通常被打包成一个CRX文件,用户可以从Chrome网上应用店下载和安装。 13. 文件名称列表:文件名称列表通常包含了项目中所有的文件名称。在本例中,"chrome-css-selector-capture-master"可能是项目的根目录名称,表示这是一个主版本或主要的项目分支。在开发过程中,开发者通常会在这个目录下进行文件编辑、添加或删除等操作。
118 浏览量
在没有Devtool的情况下,只需简单的鼠标悬停即可生成可复制CSS选择器! 干净,简单,直观的使用方式,并附带… 在没有Devtool的情况下,只需简单的鼠标悬停即可生成可复制CSS选择器! 干净,简单,直观的使用方式,并具有这些独有的功能。 ✓可复制和可调整的选择器,准备在CSS / JavaScript中使用✓与选择器匹配的元素的突出显示✓在视口上下文中基于选择器的总匹配项✓简洁或详细选择器的选择✓对页面的干扰最小≡谁将使用此扩展该扩展通常适合使用前端开发,端到端测试(例如Selenium)以及需要视觉识别目标,匹配并获取CSS选择器的数据收集。 ≡隐私权*该扩展程序不收集任何数据或将数据发送给第三方。 ≡如何使用和支持*简短版本:-启用应用程序,使用CTRL键将选择器突出显示锁定在适当的位置,然后单击“复制”按钮以复制选择器。 -如果需要,请在复制之前单击选择器路径来调整选择器。 *长版(用户手册):-https://github.com/CharltonC/chrome-css-selector-capture/blob/master/README.md≡版本* 2.2.0(2019.03.23)-添加了用户指南扩展程序图标弹出窗口中的链接* 2.1.0(2019.03.21)-添加了用于锁定覆盖层切换的快捷键(CTRL)* 2.0.0(2019.02.25)-优化简洁选择器(即更短)-调整选择器当设置对话框的触发按钮位于顶部并且用户将其悬停时背景不透明* 1.0.3(2018.10.15)-优化选择器检索* 1.0.0(2018.09.29)-初始版本 支持语言:English