LOADING

Extract to React

Extract to React1.0.2

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

官方版无广告17

更新日期: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/)

相关资源

Web Sniffer
查看在 Web 浏览器和 Web 服务器之间发送的所有 HTTP 请求和响应。对于每个 HTTP 请求,会显示以下信息(可以隐藏): - 标签 ID、标题 [已过滤] - 请求 ID - 类型请求 [已过滤] - 时间[过滤] - 状态 [过滤] - 方法 (GET/POST, POST Body) [已过滤]
m3u8 online video extractor
m3u8 在线视频提取器您可以在线使用 m3u8: https://m3u8.dev/用途:您可以将 m3u8 直播视频下载到本机。为什么要安装:通常你必须通过专业的工具来安装,但有了我的 chrome 扩展,它的使用快速简便,无需复杂的步骤! v1.1.0自动将 ts 格式转换为 mp4 格式v1.1.1修正错
Lightweight JSON Viewer
解析 JSON 并像在 DevTools 控制台中一样显示它。检测页面上的纯文本 JSON,解析并显示它,就像在 DevTools 控制台中一样。如果您不需要高级功能并且不想安装一直占用 RAM 的大型扩展程序,那就太好了。是什么让这个扩展轻量级? *它使用很少的RAM与类似的其他扩展不同,Lightweight
Snippets
创建和编辑 JavaScript 代码片段,这些片段会同步到您的所有计算机当您保存片段时,它会保存在 Github Gist 中,因此您的片段在您的所有计算机上都可用(以及 https://gist.github.com)。查看 GitHub 上的代码:https://github.com/SidneyNemze
sourceditor
一个简单和最小的扩展,使您能够编辑任何网站的源代码并保存它。 sourceditor 是一种编辑任何网站源代码并保存的简单方法。下次您访问您编辑过的网站时,更改仍然存在。
Short Description Viewer for Google Play
查看 Google Play 中任何应用的简短说明查看每个 Google Play 应用的简短说明。仅用一句话描述此 Android 应用程序的情况。不幸的是,它没有出现在 Web Play 商店中。所以使用这个扩展你可以很容易地看到所有的描述。对于开发人员来说,简短的描述会强烈影响到安装的转换。

暂无评论

暂无评论...