LOADING

Extract to React

Extract to React1.0.2

Chrome/Chromium 扩展允许简单的 HTML 到 React 的转换。将任何网站任何部分的所有 HTML 和 CSS 直接提取到一个随时可用的 React 组件中! ---- # 用法- 快速开始:检查页面上的元素 > “Extract To React”选项卡 > 将代码提取到 CodePen 或

官方版无广告18

更新日期:2021年 8月 29日分类标签:语言:中文平台:

489KB 0 人已下载 手机查看

简介:
Chrome/Chromium 扩展允许简单的 HTML 到 React 的转换。将任何网站任何部分的所有 HTML 和 CSS 直接提取到一个随时可用的 React 组件中! —- # 用法- 快速开始:检查页面上的元素 > “Extract To React”选项卡 > 将代码提取到 CodePen 或 JSFiddle。 – 高级用法:可以将单个组件拆分为多个嵌套组件。在“元素”选项卡中找到您希望成为其自身组件的元素。添加一个名为“data-component”的属性。将 `data-component` 的值设置为提取的组件名称: <h2 class="heading" data-component="Heading">你好,世界!</h2> <nav class="nav" data-component="Nav"> <ul class="list"> <li class="list-item" data-component="ListItem">#1</li> <li class="list-item" data-component="ListItem">#2</li> </ul> </导航>将导致提取 3 个组件:`Heading`、`Nav` 和 `ListItem` —- # 错误和功能如果您发现错误或有功能请求,请在 GitHub 上创建问题:https://github.com/jesstelford/extract-to-react/issues —- # 归因本项目基于优秀的开源软件: * SnappySnippet:Chrome/Chromium 扩展,可轻松提取特定 DOM 元素的 CSS+HTML。创建的代码片段可以一键导出到 CodePen、jsFiddle 或 JS Bin。 (https://github.com/kdzwinel/SnappySnippet/issues) * html-to-react-components:将 HTML 的注释部分作为单独的模块提取到 React 组件中。 (https://roman01la.github.io/html-to-react-components/)

相关资源

Gitpod – Always ready to code
在几秒钟内在云中为每项任务启动全新的自动化开发环境。 Gitpod 是一个开源开发人员平台,可自动配置准备好编码的开发人员环境。此扩展为您的 GitLab、GitHub 和 Bitbucket 项目添加了一个按钮,只需单击一下即可轻松启动开发环境。怎么运行的: 1.安装浏览器扩展2. 转到您在 GitLab、Gi
Github Super Search
Github 转到任何搜索将 ctrl-shift-p 组合键添加到弹出 github 的搜索中。受 Sublime Text 的 Goto Anywhere 功能启发。
Detect Font
检测网页中使用的字体“那漂亮的字体是什么?”,你会问……好吧,现在你就知道了!单击浏览器工具栏中的图标以激活字体检测模式,并将鼠标悬停在页面的某些部分上以显示正在使用的字体。
Page Modeller (Selenium, Robot Framework etc)
用于为自动化建模网页的浏览器 DevTools 扩展。 Page Modeller 扩展使开发人员能够扫描网页并为各种工具、语言和框架生成页面对象样式代码,并在浏览器中测试 UI 定位器。目前支持的工具和语言有: * Selenium WebDriver Java * Selenium WebDriver C#
LazySec
快速删除用于后端验证测试的 HTML UI 验证描述: LazySec 是一个非常简单的工具,专为软件测试人员设计,但具有通用性。通过完成以下两件事,它有助于测试 Lazy Security 实现(因此在 UI 中得名)和揭示页面的 Lazy Secrets(因此名称为 II)的任务:解锁元素:该扩展通过移除一些
YCCY PE & Yandex CY + PR
显示 TIC 站点。谷歌公关。 Prospero 和 Propag 中日常生活的自动化。网站和页面的 SEO 指标,供网站管理员和优化人员使用: * 显示当前站点的 Yandex TCI。 * Yandex 搜索引擎结果中的页面数。 * 是 Yandex 搜索结果中的当前页面,是否编入索引。 * 当前页面的 Go

暂无评论

暂无评论...