zoukankan      html  css  js  c++  java
  • 【鬼脸原创】谷歌插件--知乎快捷翻页(2016/2/17更新)

    背景

            刷知乎时,老是需要用鼠标点下一页,对于懒人来说,太过麻烦。

    功能

            敲击 “←” 、“→”,实现上一页、下一页功能。

    思路

           通过谷歌扩展来实现:监听键盘事件,如果keycode为37、39时,进行上一页、下一页操作。

    代码

           图方便,直接引用了Jquery库。

           总共插件分为几个部分:jquery库、logo图标、manifest.json、自定义js

          1)manifest.json 内容如下:

     1 {
     2     "manifest_version": 2,
     3     "name": "知乎快捷翻页",
     4     "version": "1.0",
     5     "description": "使用左右箭头进行快速翻页",
     6     "icons": {
     7         "16": "16.png",
     8         "48": "48.png"      
     9     },
    10     "browser_action": {
    11         "default_icon": {
    12             "19": "16.png",
    13             "38": "48.png"
    14         },
    15         "default_title": "使用左右箭头进行快速翻页"        
    16     },
    17     "content_scripts": [
    18     {
    19       "matches": ["https://www.zhihu.com/*"],     
    20       "js": ["js/jquery.js","js/zhihu.js"]
    21     }
    22   ]
    23 }

            2)自定义js——zhihu.js 内容如下:

     1 String.prototype.endWith=function(endStr){
     2   var d=this.length-endStr.length;
     3   return (d>=0&&this.lastIndexOf(endStr)==d)
     4 }
     5 document.onkeydown=function(event){   
     6       var curl = window.location.href;//当前url
     7       var c_page =1;//当前页码
     8       var url_header='';//当前url的主体     
     9       if(curl.indexOf('?page=')>-1){ 
    10        url_header = curl.split('?')[0];
    11        c_page= parseInt(curl.split('page=')[1]);       
    12      }else if(curl.endWith('top-answers')||curl.endWith('questions'))
    13      {
    14         url_header = curl;
    15      }
    16      var prev_page=c_page-1<1?1:c_page-1;
    17      var next_page = c_page+1;//下一页
    18      var e = event || window.event || arguments.callee.caller.arguments[0];     
    19       if(e.keyCode==39)
    20       { 
    21         //下一页  
    22         window.location.href=url_header+'?page='+next_page;
    23       }else if(e.keyCode==37)
    24       {
    25         //上一页  
    26         window.location.href=url_header+'?page='+prev_page;
    27       }
    28   
    29  }; 

    使用

          

    资源

           1)谷歌扩展教程

           2)完整的知乎翻页扩展

           3)完整的知乎翻页扩展V2.0  (感谢@坐观风云的指导)

  • 相关阅读:
    angry_birds_again_and_again(2014年山东省第五届ACM大学生程序设计竞赛A题)
    数学入门题目
    POJ1236:Network of Schools(tarjan+缩点)?
    POJ2186:Popular Cows(tarjan+缩点)
    HDU2426:Interesting Housing Problem(还没过,貌似入门题)
    POJ1175:Starry Night(bfs)
    POJ2506:Tiling(递推+大数斐波那契)
    POJ2135:Farm Tour
    POJ2195:Going Home(费用流入门)
    POJ1273:Drainage Ditches(最大流入门 EK,dinic算法)
  • 原文地址:https://www.cnblogs.com/lanleiming/p/5191290.html
Copyright © 2011-2022 走看看