使用体验改进:杭州科目一的模拟练习页面

为什么要用这个平台刷题

因为和真实题库一致,而手机 App 上的题库和实际题库有差别。

当前平台的缺点

  1. 点击答案无法选中,必须要精确点击 radio 按钮才选中答案,点击右下角的 ABCD 选项又不直观
  2. 回答完成切入下一题过于麻烦

改进

  1. 点击答案文字就能选中;
  2. 回答正确自动切入下一题,回答错误不切题
  3. 按键盘 a/b/c/d 和 1/2/3/4 自动对应了 A、B、C、D 四个选项

方法一、直接贴代码

使用 Chrome 浏览器,点击右键“检查”,切换到 console 下,然后贴入下面的代码并回车,即可使用。

const jump = function() {
  setTimeout(() => {
    if($('#remined').hasClass('zhengque')) {
      $('.nest_btn').click()
    }
  }, 300);
};
$('#option').on('click', 'li', (e) => {
  $(e.target).find('input').click();
  if(e.target.tagName === 'INPUT') {
    jump();
  }
}).css({ cursor: 'pointer', float:'left', clear: 'both'});
$(document).keydown((e) => {
  const chars = ['A', 'B', 'C', 'D'];
  const mapping = {
    "a": "A",
    "A": "A",
    "1": "A",
    "b": "B",
    "B": "B",
    "2": "B",
    "c": "C",
    "C": "C",
    "3": "C",
    "d": "D",
    "D": "D",
    "4": "D",
  };
  if(mapping[e.key] && !(e.ctrlKey || e.metaKey)) {
    const index = chars.indexOf(mapping[e.key]);
    $('#option li').eq( index ).find('input').click();
  }
});

方法二:书签

每次刷新页面还需要重复贴入代码,为了方便使用,可以把下面的代码添加入收藏夹,一旦点击即可解锁功能。

  1. 在书签栏上右键,添加网页
  2. 网址一栏填写下面的代码,其他随意
  3. 在模拟测试页面点击书签即可使用。
javascript:(function() {const jump = function() {setTimeout(() => { if($('#remined').hasClass('zhengque')) {$('.nest_btn').click() }}, 300);}; $('#option').on('click', 'li', (e) => { $(e.target).find('input').click(); if(e.target.tagName === 'INPUT') { jump(); } }).css({ cursor: 'pointer', float:'left', clear: 'both'});$(document).keydown((e) => { const chars = ['A', 'B', 'C', 'D']; const mapping = { "a": "A", "A": "A", "1": "A", "b": "B", "B": "B", "2": "B", "c": "C", "C": "C", "3": "C", "d": "D", "D": "D", "4": "D", }; if(mapping[e.key] && !(e.ctrlKey || e.metaKey)) { const index = chars.indexOf(mapping[e.key]); $('#option li').eq( index ).find('input').click(); } });})()

方法三:油猴脚本,免点击,直接可用(需要预先装好油猴扩展)

安装地址:https://greasyfork.org/zh-CN/scripts/381408-%E6%9D%AD%E5%B7%9E%E6%9C%BA%E5%8A%A8%E8%BD%A6%E9%A9%BE%E9%A9%B6%E4%BA%BA%E7%90%86%E8%AE%BA%E5%9F%B9%E8%AE%AD%E5%B9%B3%E5%8F%B0-%E6%A8%A1%E6%8B%9F%E7%BB%83%E4%B9%A0%E9%A1%B5%E9%9D%A2%E4%BD%93%E9%AA%8C%E6%94%B9%E8%BF%9B

文章评论:做一头严肃的大叫驴

根据过去的经验得出,大多数评论是毫无意义的灌水,还有一小部分内容是针对文章的补充和纠错。如果你有建议请邮件联系,我将视反馈的重要程度和自己当月的经济水平发红包奖励。当然,也不一定会回复,这取决于邮件的内容质量。