一键复制css样式

Latest Version

Version
1.1
Update
July 22, 2024
Size
13.86KiB
Developer
Category
Users
42
Rating
5 ★
Manifest Version
3
Web Store Status
Languages Support
中文 (简体)
See more
Permissions
ContextMenus
ActiveTab
See more

copyCssStyle Extension

copyCssStyle是一款方便快捷的 Chrome 插件,旨在帮助开发者快速复制 DOM 元素的常见样式,以加快开发和设计流程。

主要功能:

快速复制样式: 通过简单的点击操作,可以快速复制所选 DOM 元素的常见样式,包括颜色、阴影、边框等。
简洁易用: 界面简洁清晰,操作简单易懂,无需繁琐的设置即可快速复制样式。

如何使用:

安装插件:从 Chrome 网上应用商店安装copyCssStyle插件。
在网页中选择目标元素:点击插件图标,鼠标移动到目标 DOM 元素,红色虚线会包裹当前选中的DOM元素。
复制样式:点击鼠标右键,点击copy css style即可将样式属性复制到剪贴板。
粘贴样式:将复制的样式属性粘贴到目标代码中,以应用所选样式。
关闭插件:再次点击插件图片即可关闭该功能

注意事项:

插件仅支持复制 DOM 元素的常见样式属性,部分特殊样式可能无法复制。
在某些网站中可能存在限制或兼容性问题,请谨慎使用。
如果点击插件图标后,鼠标出现在DOM元素上没有反应可以刷新页面,重新点击插件图片尝试

反馈和支持:
如有任何问题或建议,请通过 Chrome 网上应用商店提供的反馈渠道联系我们,我们将尽快处理您的反馈。
或者在:https://github.com/XFSeven7/copyCssStyle 提issues
Read more

Source Manifest.json

{"update_url": "https://clients2.google.com/service/update2/crx", "manifest_version": 3, "name": "copyCssStyle", "version": "1.1", "description": "\u4e00\u952e\u590d\u5236css\u6837\u5f0f", "permissions": [ "contextMenus", "activeTab" ], "homepage_url": "https://github.com/XFSeven7/copyCssStyle", "action": { "default_icon": { "48": "src/assets/logo.png" } }, "icons": { "48": "src/assets/logo.png" }, "background": { "service_worker": "src/background.js" }, "content_scripts": [ { "matches": [ "" ], "js": [ "src/content.js" ] } ]}
Read more

Similar Extensions

icon

Web Monitor Extension · Productivity 42 88 ★ 1000KiB

icon

View CSS Extension · Developer Tools 42 1 ★ 5.89KiB

icon

CSS Selector Capture Pro Extension · Developer Tools 42 11 ★ 116KiB

icon

Aspect Extension · Developer Tools 42 4 ★ 60.34KiB

icon

DivMagic - Copy Style from any website Extension · Developer Tools 42 55 ★ 1.3MiB

icon

copy-figma-css Extension · Developer Tools 42 3 ★ 153KiB

icon

cssPicker - copy css from website Extension · Developer Tools 42 6 ★ 1021KiB

icon

蓝湖D2C扩展(非官方) Extension · Developer Tools 42 1 ★ 2.94MiB

icon

AITDK SEO Extension - Traffic/Keywords/Whois/SEO analyzer Extension · Developer Tools 42 59 ★ 234KiB

icon

一键复制csdn代码 Extension · Developer Tools 42 24 ★ 14.27KiB

icon

CSS Used Extension · Developer Tools 42 184 ★ 164KiB

icon

CopyCss - Copy css scan from any website. Extension · Developer Tools 42 10 ★ 246KiB

icon

ScriptCat Extension · Productivity 42 29 ★ 3.71MiB

icon

SnappySnippet Extension · Developer Tools 42 9 ★ 2.24MiB

icon

CopyStyle - Snatch style from any site, swiftly and seamlessly. Extension · Productivity 42 2 ★ 1.94MiB

icon

hide-element Extension · Developer Tools 42 0 ★ 383KiB

icon

V2EX Polish Extension · Productivity 42 95 ★ 193KiB

icon

梦想网页资源下载器 Extension · Developer Tools 42 4 ★ 50.43KiB

icon

SnipCSS Extension · Developer Tools 42 32 ★ 13.12MiB

icon

哔哔君 - bilibili哔哩哔哩字幕列表 Extension · Productivity 42 107 ★ 311KiB

icon

PageRip (HTML + CSS Extract) Extension · Developer Tools 42 54 ★ 434KiB

icon

Find Selector Extension · Developer Tools 42 4 ★ 62.08KiB

icon

Html Style Copier Extension · Developer Tools 42 0 ★ 2.95MiB

icon

时间戳转化 Extension · Developer Tools 42 5 ★ 7.57KiB