博客网站留言评论自动填写个人信息方法（全平台全网通用版）

建站笔记1年前 (2023)发布小萝卜头

906 0 0

我们在访问网站时，看到一篇文章，想发表评论时，是否经常要在评论框里手动填写自己的昵称、E-mail 和网址等留言评论信息？重复的打字会让我们感到很乏味。

为了解决这个问题，我在网上搜索相关资料，找到了很多使用 Javascript 代码的教程方法文章，操作方法是将这段代码作为书签的 URL 字段保存在书签栏中，即可实现点击书签栏上的按钮自动填充自己的信息。

今天，龙笑天下要介绍的也是同样的方法，把 Javascript 代码存为书签来使用，但又有很大的不同，因为网上的所有（至少我搜索到的…）方法都有很大缺陷，他们不能实现跨平台跨网站，也就是说，可能适用于 wordpress、Typecho、zblog 和 emlog 等平台中的一个或几个，但都不能全部适用！我这里介绍的就是全平台全网通用的留言评论自动填写个人信息方法！

介绍本文的方法之前，我先列一下目前流行的自动填写个人信息的几个 javascript 书签代码。

第一种

文章目录

支持 wordpress 博客平台。经过 @成航先森的提醒，找到了来源 @张戈博客

javascript:document.getElementById('author').value='龙笑天';document.getElementById('mail').value='666666666@qq.com';document.getElementById('url').value='https://www.ilxtx.com/';void(0)

第二种

貌似支持 zblog 和 wordpress 博客的留言 @重华部落格

javascript:void function(){var formArray=["commentform","comment_form","frmSumbit"],nameArray=["author","author","inpName"],emailArray=["email","mail","inpEmail"],urlArray=["url","url","inpHomePage"];for(i=0;i<formArray.length;i++){var form=document.getElementById(formArray[i]);if(form!=null){var name=document.getElementById(nameArray[i]),email=document.getElementById(emailArray[i]),url=document.getElementById(urlArray[i]);name!=null&&(name.value="龙笑天"),email!=null&&(email.value="666666666@qq.com"),url!=null&&(url.value="https://www.ilxtx.com");break}}return!1}()

第三种

据说能解决 WordPress, Z-Blog, Typecho, Emblog 四种博客程序的评论填充问题，摘自 @土木坛子

javascript: var myName = "龙笑天",
myEmail = "666666666@qq.com",
myUrl = "https://www.ilxtx.com";
function fillForm(r, e, m, t) {
    if (null != r) {
        var n = document.querySelector(r);
        if (null == n) return ! 1
    }
    var u = document.querySelector(e);
    if (null == u) return ! 1;
    u.setAttribute("value", myName);
    var l = document.querySelector(m);
    if (null != l) {
        l.setAttribute("value", myUrl);
    }
    var o = document.querySelector(t);
    return null == o ? !1 : (o.setAttribute("value", myEmail), !0)
}; [function() {
    return fillForm("#commentform", "#author", "#url", "#email")
},
function() {
    return fillForm("#comment_form", "#author", "#url", "#mail")
},
function() {
    return fillForm("#frmSumbit", "#inpName", "#inpHomePage", "#inpEmail")
},
function() {
    return fillForm("#commentform", 'input[name="comname"]', 'input[name="comurl"]', 'input[name="commail"]')
}].some(function(r) {
    return r()
});

以上几种 javascript 书签代码具体适用于一个或几个平台，大家可以自己试下效果，文章结尾有各个平台的链接，大家也可以现在就去试下自己正在使用的 js 书签代码能正常使用在几个平台！

相信大家试了下效果后，就能看出以上代码存在的问题了，下面龙笑天下就来介绍“全平台全网通用的博客网站留言评论自动填写个人信息方法”，真正的懒人必备…

全网全平台通用版

2022.04.29：修复 twikoo 等评论系统里失效问题，感谢 @imaegoo 提供的方法。
2016.05.25：增加网站支持；
2015.05.18：简化了代码；

// By 龙笑天下 https://www.ilxtx.com/automatically-fill-in-personal-information.html
javascript: void
function() {
    var lauthor = ["#author","input[name='comname']","#inpName","input[name='author']","#ds-dialog-name","#name","input[name='nick']","#comment_author"],
	lmail =["#mail","#email","input[name='commail']","#inpEmail","input[name='email']","#ds-dialog-email","input[name='mail']","#comment_email"],
	lurl =["#url","input[name='comurl']","#inpHomePage","#ds-dialog-url","input[name='url']","input[name='website']","#website","input[name='link']","#comment_url"];
    for (i = 0; i < lauthor.length; i++) {
        var author = document.querySelector(lauthor[i]);
        if (author != null) {
            author.value = '你的昵称';
            author.dispatchEvent(new Event('input'));
            author.dispatchEvent(new Event('change'));
            break;
        }
    }
    for (j = 0; j < lmail.length; j++) {
        var mail = document.querySelector(lmail[j]);
        if (mail != null) {
            mail.value = '你的邮箱';
            mail.dispatchEvent(new Event('input'));
            mail.dispatchEvent(new Event('change'));
            break;
        }
    }
    for (k = 0; k < lurl.length; k++) {
        var url = document.querySelector(lurl[k]);
        if (url != null) {
            url.value = '你的网址';
            url.dispatchEvent(new Event('input'));
            url.dispatchEvent(new Event('change'));
            break;
        }
    }
    return ! 1;
} ()

代码说明：lauthor、lmail和lurl中引号""里面的内容即为需要填写的评论留言框 input 元素里面的对应 id、class 或标签等，如遇到不能自动填写的博客网站，可以右键“审查元素”根据各个博客网站评论留言框 input 元素的相关变化在上述代码相关地方进行增删修改！

友情提示：有些浏览器,如 IE 等，不能正确完整的保存代码，可修改好代码中的相关信息后，利用前端工具箱中的“JS/HTML 加密/压缩/格式化”对代码进行压缩后再保存！当然，现在也不用这么麻烦，直接使用下面的自动生成工具来生成就 OK 了~

使用方法

简单赘述下，具体的使用方法：

将本页添加到收藏夹保存为书签；

右键刚刚创建的书签，选择“编辑”或“属性”；

将“名称”一栏改为“一键填写留言评论信息”（见名知意即可，名称可换成其它的），并将“网址”或“地址”或“url”一栏原有的网址链接替换成上述 javascript 代码（代码里面的相关个人信息改为自己的哦~~），确定即可。

以后遇到留言评论时，点一个这个书签即可自动一键填写个人信息！

本文来自：博客网站留言评论自动填写个人信息方法，新增自动填充脚本（全平台全网通用）