不知道,你们有没有遇到这种情况,网页内容很长,我想把它先保存下来,之后再看。
那么会怎么操作呢?自己一点点截图,肯定很麻烦,因此,我就在想让Claude 3.5帮我做个,网页长截图插件。
(1)为啥不用GPT4o模型
这个需求我想好几天了,一开始用4o模型写的代码,运行问题很大,不知道是我需求没说清楚,还是怎样。
(2)用Claude 3.5帮你做插件流程
a 打开官网:https://claude.ai
官网全是英文的,会出现上图那样,是因为我安装了沉浸式翻译这个插件
打开后,发现底下有个New 提示,底下更告诉你了,可以在Claude 中迭代代码和文档。那我就直接点它了。
b:启用Artifacts功能
然后,在右侧把off按钮打开即可。
c:开始提问,让它帮你写代码
因为我开了会员,所以底下几个模型都可以选择,就先用Claude 3.5吧。上面的提示词发给它即可。
然后,在你把问题发给它之后,右侧的代码,就刷刷地在写了,看着很解压。点击右下方的保存。
d:安装油猴插件,并把代码粘贴过去
之后,在上方可以看到所指图标,点击添加新脚本。
之前内容都删了,把Claude 3.5生成的代码粘贴过去,点击文件保存,然后进行测试。
e:不断优化代码
版本1
测试时发现,只能保存单个窗口内容,不是整个网页的内容,于是把情况告诉它,让它修改。
版本2
虽然,不是单个窗口了,但自动浏览时,会把进度条,也保存进去,影响内容的阅读,让它修改。
版本3
把问题告诉它后,把改后的代码,粘贴到这里。粘贴前,把原来的代码删掉。上面,也可以看到版本0.3了。
版本4
因为,是滚动截图,所以在顶端的一些部分,它重复保存了,导致好几个地方都有,影响整个阅读。
版本5
于是,我把最终的截图,标注颜色,把问题发给它,让它继续修改。
版本6
这个,我也忘了啥问题了,看截图吧。
版本7
然后,继续把问题截图,该给它,让它告诉你如何修改。最后,到达这个版本的时候,长截图的问题,基本可以解决了。
最后版本的测试
在网页的下方,会有开始按钮,你点击它,会自动捕获网页内容。
之后,会有一个进度条,一直在动,当完成的时候,会出现上方截图,可以保存为图片,也可以保存为PDF文件。
先保存图片测试一下,点击之后,上方会出现另存为,把文件保存即可。
总结:
最终效果,可以帮你完成从零到60分,整个流程是可以实现的,但中间不知道,是我没有表达清楚还是怎样。
它在自动往下浏览并保存的时候,顶部一些元素,会在下面也出现,影响整个网页内容的阅读。
但当没有这个重复内容时,虽然整个网页内容,90%的内容,都有,但你对照原网页,会发现,偶尔每段文字可能少一些内容。
虽然大多数情况,不会影响阅读,但还需修改。做这个的意义,在于你啥代码不会,只要提要求,就可以让AI帮你完成整个流程。
虽然,可能还有些瑕疵,但对新人也是个很好的鼓舞,毕竟别人完整的产品需要收费呐
暂无评论内容