Claude 3.5实用技巧:一键打造网页长截图神器,提升工作效率

不知道,你们有没有遇到这种情况,网页内容很长,我想把它先保存下来,之后再看。

那么会怎么操作呢?自己一点点截图,肯定很麻烦,因此,我就在想让Claude 3.5帮我做个,网页长截图插件。

(1)为啥不用GPT4o模型

这个需求我想好几天了,一开始用4o模型写的代码,运行问题很大,不知道是我需求没说清楚,还是怎样。

(2)用Claude 3.5帮你做插件流程

a 打开官网:https://claude.ai

IMG_256

官网全是英文的,会出现上图那样,是因为我安装了沉浸式翻译这个插件

打开后,发现底下有个New 提示,底下更告诉你了,可以在Claude 中迭代代码和文档。那我就直接点它了。

b:启用Artifacts功能

IMG_257

然后,在右侧把off按钮打开即可。

c:开始提问,让它帮你写代码

IMG_258

因为我开了会员,所以底下几个模型都可以选择,就先用Claude 3.5吧。上面的提示词发给它即可。

IMG_259

然后,在你把问题发给它之后,右侧的代码,就刷刷地在写了,看着很解压。点击右下方的保存。

d:安装油猴插件,并把代码粘贴过去

IMG_260

之后,在上方可以看到所指图标,点击添加新脚本。

IMG_261

之前内容都删了,把Claude 3.5生成的代码粘贴过去,点击文件保存,然后进行测试。

e:不断优化代码

版本1

IMG_262

测试时发现,只能保存单个窗口内容,不是整个网页的内容,于是把情况告诉它,让它修改。

版本2

IMG_263

虽然,不是单个窗口了,但自动浏览时,会把进度条,也保存进去,影响内容的阅读,让它修改。

版本3

IMG_264

把问题告诉它后,把改后的代码,粘贴到这里。粘贴前,把原来的代码删掉。上面,也可以看到版本0.3了。

版本4

IMG_265

因为,是滚动截图,所以在顶端的一些部分,它重复保存了,导致好几个地方都有,影响整个阅读。

版本5

IMG_266

于是,我把最终的截图,标注颜色,把问题发给它,让它继续修改。

版本6

IMG_267

这个,我也忘了啥问题了,看截图吧。

版本7

IMG_268

然后,继续把问题截图,该给它,让它告诉你如何修改。最后,到达这个版本的时候,长截图的问题,基本可以解决了。

最后版本的测试

IMG_269

在网页的下方,会有开始按钮,你点击它,会自动捕获网页内容。

IMG_270

之后,会有一个进度条,一直在动,当完成的时候,会出现上方截图,可以保存为图片,也可以保存为PDF文件。

先保存图片测试一下,点击之后,上方会出现另存为,把文件保存即可。

总结:

最终效果,可以帮你完成从零到60分,整个流程是可以实现的,但中间不知道,是我没有表达清楚还是怎样。

它在自动往下浏览并保存的时候,顶部一些元素,会在下面也出现,影响整个网页内容的阅读。

但当没有这个重复内容时,虽然整个网页内容,90%的内容,都有,但你对照原网页,会发现,偶尔每段文字可能少一些内容。

虽然大多数情况,不会影响阅读,但还需修改。做这个的意义,在于你啥代码不会,只要提要求,就可以让AI帮你完成整个流程。

虽然,可能还有些瑕疵,但对新人也是个很好的鼓舞,毕竟别人完整的产品需要收费呐

© 版权声明
THE END
喜欢就支持一下吧
点赞9 分享
评论 抢沙发
头像
欢迎您留下宝贵的见解!
提交
头像

昵称

取消
昵称表情代码图片

    暂无评论内容