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

为什么要用这个平台刷题

因为和真实题库一致，而手机 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