CodeCopy - 一键快速复制代码

RILL 0人评论 2410次浏览 Chrome开发者工具插件
摘要 : CodeCopy是一款免费的Chrome/Firefox扩展,可以在GitHub、StackOverflow等很多网站快速复制代码。本文提供Chrome版下载。

CodeCopy开发背景

身为开发者一定对于GitHub不陌生,有许多开放源代码项目都能在这里找到,GitHub作为一款基于Git的代码管理工具和协同工具是很优秀的,然而作为代码浏览和搜索工具,就和IDE差的很远了。我们之前介绍过一些GitHub阅读插件如Sourcegraphinsight.io for github,它们可以让你像 IDE一样浏览和搜索Github代码。开发者常用的除了GitHub还有很多,比如StackOverflow则是寻找解决方案的绝佳去处,很多问题都可以在这个网站找到网友提供的解决办法。不过你可能很纳闷,这些服务为什么都无法让使用者快速复制代码?每次都必须手动选取复制,有时候甚至必须先贴到纯文字编辑器转为文字格式,对此网络上有个开源项目clipboard.js诞生,它可以在网页呈现指令或代码的段落加上一个复制按钮,让使用者快速复制内容,而且整个程序不到3kb。今天要推荐的CodeCopy就是一款基于clipboard.js的免费浏览器扩展,就像它的名字一样,可以快速实现代码复制的功能。

CodeCopy简介

CodeCopy简介

CodeCopy是一款免费的Chrome/Firefox浏览器扩展,它可以让你在支持的代码网站自动载入快速复制代码功能,支持的网站包括:GitHub、 MDN、Gist、StackOverflow、StackExchange、npm和Medium等等。CodeCopy 安装之后会在页面中的代码旁加一个“复制到剪贴板”按钮,完全不用进行任何设置。先来看几个效果图吧:

CodeCopy简介:在MDN上的应用


CodeCopy简介:在StackOverflow上的应用

CodeCopy简介:在GitHub上的应用

CodeCopy简介:在NPM上的应用

如果你时常会需要用到网站上的代码,CodeCopy 能让整个工作流程变得更顺畅,当然也不影响到使用习惯,只有鼠标移动到代码时才会于右上角显示复制按钮。

CodeCopy插件使用方法

以下以Chrome为例,Firefox和Chrome上使用方法基本相同。

1、下载之后离线安装chrome插件的方法均可参照:怎么在谷歌浏览器中安装.crx扩展。如果你是最新版chrome浏览器,可以参考chrome 67版本后无法拖拽离线安装CRX格式插件的解决方法
2、下载 CodeCopy的crx文件后,打开Chrome的扩展页面(chrome:// extensions /或按Chrome菜单图标>更多工具>扩展程序查找),然后拖放 crx文件到扩展页面安装它;
3、点击“添加拓展程序”完成安装,安装后右上角一样会多一个功能图标,不过点选不会有效果。

CodeCopy使用方法
4、当你打开CodeCopy支持的网站后,将鼠标移动到代码范围,右上角就会出现一个复制到剪贴板(Copy to clipboard)的按钮,点击就能快速复制这一大段代码。

CodeCopy使用方法
不过也不是每个段落都会出现CodeCopy 功能,依照clipboard.js 的设计,只有在遇到特定的代码才会发生作用,因此只会在指令或源代码部分出现CodeCopy 按钮。

CodeCopy使用方法

5、CodeCopy支持的网站如下图所示:

CodeCopy支持的网站

CODEcopy插件联系方法

https://github.com/zenorocha/codecopy

CodeCopy - 一键快速复制代码下载地址

点击下载CodeCopy - 一键快速复制代码

转载必须注明来自: Chrome插件 » CodeCopy - 一键快速复制代码

复制为纯文本插件

复制为纯文本插件

0 人评论 18090 次人浏览 4.3分 4.3 分
复制为纯文本是一款可以帮助用户从浏览器复制文本到其他文件的时候只复制纯文本内容的谷歌浏览器插件。
PHP Console

PHP Console

1 人评论 33461 次人浏览 4.0分 4.0 分
PHP Console是一款可以帮助PHP开发者,以Chrome浏览器为媒介输出PHP调试信息的谷歌浏览器插件。
WEB前端助手(FeHelper)

WEB前端助手(FeHelper)

0 人评论 22635 次人浏览 4.5分 4.5 分
FE助手:包括字符串编解码、代码压缩、美化、JSON格式化、正则表达式、时间转换工具、二维码生成与解码、编码规范检测、页面性能检测、页面取色、Ajax接口调试
GitHub File Icon

GitHub File Icon

1 人评论 3895 次人浏览 4.0分 4.0 分
GitHub File Icon是一款可以改善GitHub 现有的档案系统呈现样式,使它更容易被用户阅读的chrome插件。
Vue.js devtools

Vue.js devtools

3 人评论 40996 次人浏览 4.6分 4.6 分
Vue.js开发者工具是一款适用于chrome浏览器和Firefox浏览器的浏览器插件。
React Developer Tools

React Developer Tools

2 人评论 17753 次人浏览 4.1分 4.1 分
React Developer Tools是一款由facebook开发的一款非常好用的chrome调试插件。
XPath Helper

XPath Helper

4 人评论 42756 次人浏览 3.4分 3.4 分
XPath Helper可以支持在网页点击元素生成xpath,整个抓取使用了xpath、正则表达式、消息中间件、多线程调度框架的chrome插件。
JetBrains IDE Support

JetBrains IDE Support

0 人评论 19242 次人浏览 3.7分 3.7 分
JetBrains IDE Support是一款webstorm网页开发调试工具,支持HTML/CSS/JavaScript编辑和JavaScript调试。
JSON Formatter

JSON Formatter

0 人评论 13064 次人浏览 4.6分 4.6 分
JSON Formatter是一款能格式化json代码,使得json代码页面变得便于阅读的chrome json格式化开源插件。
Allow Copy:解决网页无法复制文字

Allow Copy:解决网页无法复制文字

1 人评论 19048 次人浏览 4.3分 4.3 分
Allow Copy是一款可以完全解除浏览文章时遇到不能选取、复制文字的限制,让我们能边选取文字、边阅读,或者轻松复制网址、标题或句子的chrome插件。
XPath Helper Wizard

XPath Helper Wizard

0 人评论 2167 次人浏览 3.3分 3.3 分
XPath Helper Wizard是一个可以创建XPath查询选择类似的元素并且返回可视化结果的chrome插件
Sourcegraph:轻松浏览和搜索Github上的代码

Sourcegraph:轻松浏览和搜索Github上的代码

1 人评论 7436 次人浏览 4.0分 4.0 分
Sourcegraph是一款可以为 Github 上的代码添加了即时文档和类型提示,并为每一个标识符添加了跳转到定义处的链接的Chrome 扩展,它允许你像使用一个很好的IDE 那样浏览源代码。
Github XP

Github XP

0 人评论 4255 次人浏览 4.0分 4.0 分
Github XP是一款可以将 GitHub 界面变成 Windows XP 界面风格的Chrome扩展程序。
极简Json格式化

极简Json格式化

0 人评论 2694 次人浏览 4.0分 4.0 分
极简Json格式化是一个非常简单的Chrome插件,用于将JSON接口返回值格式化成可读方式。
JSON Viewer

JSON Viewer

0 人评论 2921 次人浏览 4.0分 4.0 分
JSON Viewer是最漂亮的、可定制的JSON/JSONP荧光笔高亮插件,用于打印JSON和JSONP。
图文详解vue.js devtools使用方法

图文详解vue.js devtools使用方法

0 人评论 1845 次人浏览 3.0分 3.0 分
本文主要介绍Vue.js devtools使用方法,提供chrome插件直接安装和源代码安装两种方法,你还可以在其中找到常见问题即安装之后“vue.js not detected“的解决办法。
Header Editor

Header Editor

0 人评论 2579 次人浏览 4.0分 4.0 分
Header Editor是一款管理浏览器请求的Chrome扩展,包括修改请求头和响应头、重定向请求、取消请求。
下一篇 : 小黄条便签
评论:(0)

已有 0 位网友发表了一针见血的评论,你还等什么?