一个书签快速复制各种格式的网页标题和链接

最后更新时间:2022-04-09

有的时候我们会复制当前网页的标题和网址来想分享一下,比如看到一个有意思的文章或者网站(闲鱼博客)。部分浏览器会自带这个功能,没有的虽然也可以通过安装扩展程序实现,但是不是所有人都喜欢给浏览器安装各种扩展程序。其实一个简单的浏览器书签就能做到这个功能,闲鱼也经常用到。

使用方法很简单,将以下代码添加为书签即可。先选中代码,再拖到书签栏,修改新增书签标题名称,或者手动添加书签,复制下面的代码,然后新建一个书签,名称自定义,网址粘贴刚刚复制的代码即可。使用时只需选择你想要复制的标题和网址的类型点击对应书签,就复制好了。

一个书签快速复制各种格式的网页标题和链接

书签代码

1、复制标题

无弹窗代码:

javascript:(function(){ const el = document.createElement('textarea'); el.value = decodeURIComponent(document.title); document.body.appendChild(el); el.select(); document.execCommand('copy'); document.body.removeChild(el); })();

弹窗代码:

javascript:prompt('请复制',document.title);

2、复制链接

无弹窗代码:

javascript:(function(){ const el = document.createElement('textarea'); el.value = decodeURIComponent(location.href); document.body.appendChild(el); el.select(); document.execCommand('copy'); document.body.removeChild(el); })();

弹窗代码:

javascript:prompt('请复制',document.URL);

3、复制当前域名

无弹窗代码:

javascript:(function(){ const el = document.createElement('textarea'); el.value = decodeURIComponent(window.location.hostname); document.body.appendChild(el); el.select(); document.execCommand('copy'); document.body.removeChild(el); })();

弹窗代码:

javascript:prompt('请复制',window.location.hostname);

4、复制链接~不含http

无弹窗代码:

javascript:(function(){ var a=document.URL;var n=a.indexOf(":"); const el = document.createElement('textarea'); el.value = decodeURIComponent(a.slice(n+3,a.length)); document.body.appendChild(el); el.select(); document.execCommand('copy'); document.body.removeChild(el); })();

弹窗代码:

javascript:var a=document.URL;var n=a.indexOf(":"); prompt('请复制',a.slice(n+3,a.length));

5、复制标题+链接

无弹窗代码:

javascript:(function(){ const el = document.createElement('textarea'); el.value = decodeURIComponent(document.title + '\n' + document.URL); document.body.appendChild(el); el.select(); document.execCommand('copy'); document.body.removeChild(el); })();

弹窗代码:

javascript:void(prompt('请复制', document.title + '\n' + document.URL));

6、复制标题+链接-添加括号 [ Title ] ( Url )

无弹窗代码:

javascript:(function(){ const el = document.createElement('textarea'); el.value = decodeURIComponent('[' + document.title + '](' + document.URL + ')'); document.body.appendChild(el); el.select(); document.execCommand('copy'); document.body.removeChild(el); })();

弹窗代码:

javascript:void(prompt('请复制', '[' + document.title + '](' + document.URL + ')'));

注意:①、弹窗模式的需要再复制提示框中的文本才完全成功。②、不能将浏览器设置为在新标签页中打开书签,以上保存的书签必须在当前标签中打开才会有用。

与浏览器扩展插件相比,「书签」方式无需额外的安装过程,自定义添加代码或者拖放至收藏夹完成添加,用户可以按需调用,减少后台占用系统资源。更为重要的一点,「书签」在手机端同样适用,这对于无法安装插件的手机浏览器来说就显得更加实用。

  • 博客公众号
  • 关注本博客公众号
  • weinxin
  • 博客小程序
  • 关注本博客小程序
  • weinxin

墙裂推荐本站使用的阿里云服务器  去试试>>

1核2G,100%CPU性能,114/年  丨  1核2G,100%CPU性能,118/年

发表评论

:?::razz::sad::evil::!::smile::oops::grin::eek::shock::???::cool::lol::mad::twisted::roll::wink::idea::arrow::neutral::cry::mrgreen:

目前评论:6   其中:访客  3   博主  3

    • 懿古今

      没想到还有这种细分的功能,太强大了。平时我都是看到喜欢就直接Ctrl + D,然后收藏夹倒是越来越多内容,但是真正去看的却很少

        • 闲一鱼 【博主】

          @懿古今 我也是收藏了一堆,这个功能刚刚我就用到了 :neutral:

        • 设计学徒自学网

          这个收藏还是很有用嘛

          • TG-修志

            你好,看到你的文章感觉非常不错,希望与贵站友情链接

            WP建站网-nizhidaole.cn

            如果博主同意的话,就回复下吧,

              • 闲一鱼 【博主】

                @TG-修志 不好意思,暂时不接受友链申请了,先友后链吧