导语: 今天,要介绍的也是同样的把 Javascript 代码存为书签来使用的方法,但又有很大的不同,因为网上的所有方法都有很大缺陷,他们不能实现跨平台跨网站,也就是说,可能适用于 wordpress、Typecho、zblog 和 emlog 等平台中的一个或几个,但都不能全部通用!我这里介绍的就是全平台全网通用的留言评论自动填写个人信息方法!
Dragon主题购买

我们在访问网站时,看到一篇文章,想发表评论时,是否经常要在评论框里手动填写自己的昵称、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;
} ()

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

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

旧版代码

自动生成书签代码

填写自己的个人信息,点击按钮,一键自动生成自己的书签代码:

使用方法

简单赘述下,具体的使用方法:

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

油猴脚本自动填充版

食用地址:博客网站留言评论信息自动填充

效果测试

测试平台 测试地址
WordPress 本页评论框点我测试
Typecho 点我测试
Z_blog 点我测试
Emlog 点我测试
多说 多说评论已于 20170601 停止服务,详见:知名第三方社会化评论系统“多说”宣布即将关闭停止服务
其它 点我测试

遇到不能自动填写的博客网站也可以在下面留言。如果列表中某些网站博客更换了程序或更换了评论模板等,请不佞提供相对应的平台测试链接~

方法扩展:这个也可以应用到很多登录框的信息填写页面;如果你用的是 Firefox 或 Chrome,可以做成油猴子脚本自动填写哦~

「点点赞赏,手留余香」

还没有人赞赏,快来当第一个赞赏的人吧!

声明:本文为原创文章,版权归所有,欢迎分享本文,转载请保留出处!

2016-05-12

2016-05-16

发表评论

表情 格式 贴图 链接 私密 签到
Dragon主题购买阿里云特价云服务器1核2G低至86元,N4共享型服务器3年仅需799元腾讯云特价云服务器1核2G 88元/年 2核4G3M688元/3年,更有千元代金券礼包免费领!
评论
正在努力加载中...
扫一扫二维码分享
×
We use cookies on our website to give you the most relevant experience by remembering your preferences and repeat visits. By clicking “Accept”, you consent to the use of ALL the cookies. Learn more