龙笑天龙笑天  2016-05-15 01:03 龙笑天下 隐藏边栏 |   45 条评论  2,026 
文章评分 148 次,平均分 5.0
导语: 今天,要介绍的也是同样的把 Javascript 代码存为书签来使用的方法,但又有很大的不同,因为网上的所有方法都有很大缺陷,他们不能实现跨平台跨网站,也就是说,可能适用于 wordpress、Typecho、zblog 和 emlog 等平台中的一个或几个,但都不能全部通用!我这里介绍的就是全平台全网通用的留言评论自动填写个人信息方法!

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

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

博客网站留言评论自动填写个人信息方法(全平台全网通用) wordpress

今天,龙笑天下要介绍的也是同样的方法,把 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 书签代码能正常使用在几个平台!

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

全网全平台通用版

20160525:增加网站支持;
20150518:简化了代码;

// 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']"],
	lmail =["#mail","#email","input[name='commail']","#inpEmail","input[name='email']","#ds-dialog-email","input[name='mail']"],
	lurl =["#url","input[name='comurl']","#inpHomePage","#ds-dialog-url","input[name='url']","input[name='website']","#website","input[name='link']"];
    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 = 'lxt@ilxtx.com';
            break;
        }
    }
    for (k = 0; k < lurl.length; k++) {
        var url = document.querySelector(lurl[k]);
        if (url != null) {
            url.value = 'https://www.ilxtx.com';
            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,可以做成油猴子脚本自动填写哦~

「点点赞赏,手留余香」

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

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

龙笑天
龙笑天 关注:32    粉丝:36 最后编辑于:2019-08-11
互助分享,互联网本该如此!

发表评论

表情 贴图 链接 私密 格式 签到
最赞评论
  1. 小萝博客
    小萝博客 评论达人 LV.2 来自天朝的朋友 谷歌浏览器 50.0.2661.94 Windows 7 广东省珠海市 电信

    还是你这个比较全

  2. 龙笑天
    龙笑天 永久会员 博主 来自天朝的朋友 火狐浏览器 Windows 7

    @小萝博客关键是还可以继续扩展更多的网站哦 [偷笑]

  3. boke112导航
    boke112导航 评论达人 LV.3 来自天朝的朋友 谷歌浏览器 45.0.2454.101 Windows XP 广西南宁市 电信

    这个确实很厉害,我现在用的这个偶尔会遇到需要人工输入的,等会就更新试试

  1. 动平衡仪 评论达人 LV.1 来自天朝的朋友 谷歌浏览器 63.0.3239.132 Windows 7 江苏省苏州市 电信

    试了好几次才成功,挺有意思的

    20楼 2019-06-26 11:15
    0 0 回复
  2. wordpress百宝箱
    wordpress百宝箱 来自天朝的朋友 谷歌浏览器 73.0.3683.86 Windows 10 江苏省盐城市 电信

    尝试一下,这个比较完整,比较全面。。。

    19楼 2019-03-25 13:14
    0 0 回复
扫一扫二维码分享