zl程序教程

您现在的位置是:首页 >  IT要闻

当前栏目

简单JS书签 丨 一键填写博客留言评论框个人信息(全平台适用)

2023-04-18 14:54:44 时间

每次逛各位大佬博客的看到大佬们写的文章都想评论一下,但每次都要在评论框里写名称、邮箱、网址,每次评论都要这么繁琐的填写,实在麻烦!因此这篇文章分享的这个小工具就很好的解决了这个问题!

代码:(全平台适用,支持 typechowordpress 博客等)

博主使用的是Chrome浏览器

操作流程:

  1. 将本页添加到收藏夹保存为书签;
  2. 右键刚刚创建的书签,选择“编辑”或“属性”;
  3. 名称一栏改为自动填充(见名知意即可),并将网址地址url一栏原有的网址链接替换成 下述javascript代码(代码里面的相关个人信息改为自己的哦~),确定即可;
  4. 以后遇到留言评论时,点一个这个书签即可自动一键填写个人信息!

具体图文步骤可以参考一下这篇文章

简单JS书签 丨 同时预览网站在不同尺寸上的效果

前言对于经常做开发的大佬们,肯定会经常使用F12来调试网站甚至还会用一下chrome的toggle工具,来查看自己...

下面代码里的名称改成自己想要评论的名称,把XX@XX.com改成自己的邮箱,把https://xx.com改成自己的网址

javascript: void
function() {
    var lauthor = ["#author", "input[name='comname']", "#inpName", "input[name='author']", "#ds-dialog-name"],
    lmail = ["#mail", "#email", "input[name='commail']", "#inpEmail", "input[name='email']", "#ds-dialog-email"],
    lurl = ["#url", "input[name='comurl']", "#inpHomePage", "#ds-dialog-url", "input[name='url']"];
    for (i = 0; i < lauthor.length; i++) {
        var author = document.querySelector(lauthor[i]);
        if (author != null) {
            author.value = '名称';
            break
        }
    }
    for (j = 0; j < lmail.length; j++) {
        var mail = document.querySelector(lmail[j]);
        if (mail != null) {
            mail.value = 'XX@XX.com';
            break
        }
    }
    for (k = 0; k < lurl.length; k++) {
        var url = document.querySelector(lurl[k]);
        if (url != null) {
            url.value = 'https://xx.com';
            break
        }
    }
    return ! 1
} ()

GIF动态图

代码解释

lauthorlmaillurl中引号””里面的内容即为需要填写的评论留言框 input 元素里面的对应 idclass或标签等,如遇到不能自动填写的博客网站,可以右键“审查元素”根据各个博客网站评论留言框

input 元素的相关变化在上述代码相关地方进行增删修改!

本文部分内容素材源自:森纯博客

版权属于:Xcnte' s Blog(除特别注明外) 本文链接:https://www.xcnte.com/archives/582/ 本站文章采用 知识共享署名4.0 国际许可协议 进行许可,请在转载时注明出处及本声明!