国产xxxx99真实实拍_久久不雅视频_高清韩国a级特黄毛片_嗯老师别我我受不了了小说

資訊專欄INFORMATION COLUMN

chrome插件one-read開發2:細節

Invoker / 2203人閱讀

摘要:關于頁面,你可以查看這里獲取幫助這里是我們的主要這里會主要負責我們的主要邏輯,包括實現,的解析,小偷程序的實現。

閱讀我的博客文章:chrome插件one-read開發:細節

前言

點擊這里你可以看到one-read "一覽" chrome版的使用

代碼在這里:github code for one-read

coding地址:coding.net for one-read

manifest文件
  

這里有詳細關于manifest的介紹文檔,點擊訪問

json    {
    // 必須的字段
      "name": "one-read",
      "version": "0.1",
      "manifest_version": 2,
      // 建議提供的字段
      "description": "內容聚合",
      "icons": { 
        "16": "icons/icon16.png",             
        "48": "icons/icon48.png",            
        "128": "icons/icon128.png" 
      },
      "browser_action": {
        "default_icon": "icons/StatusIcon.png", // optional 
        "default_title": "一覽",   // optional; shown in tooltip 
        "default_popup": "popup.html",       // optional 
        "scripts": ["js/jquery.min.js","js/bootstrap.min.js","js/pop/popup.js"]
      },



      "permissions": [
        "http://*/",
        "http://jandan.net/feed",
        "http://xueqiu.com/hots/topic/rss",
        "http://mindstore.io/",
        "http://segmentfault.com/blogs",
        "http://www.zhihu.com/explore",
        "http://solidot.org.feedsportal.com/c/33236/f/556826/index.rss",
        "http://www.jianshu.com/",
        "http://next.36kr.com/posts"
      ]
    }  

著重介紹下permissions的屬性,如果你不聲明的話,你將無法獲取到你想要獲取的內容

popup頁面
  

popup作為我們唯一加入的頁面。這里是我們主要的面向用戶的頁面,這個頁面會被渲染,同時展示在用戶面前,因為有“一覽”的界面,所以我只做了一點點的改動。關于pop頁面,你可以查看這里獲取幫助


pop.js
  

這里是我們的主要pop.js,這里會主要負責我們的主要邏輯,包括ajax實現,xml的解析,小偷程序的實現。

ajax的實現我做了少量的改動

javascript    // common function
    //ajax發送執行的公共函數
    function commonAjaxFn(ajaxType, ajaxUrl, ajaxDataType, successFn){
        $.ajax({
                type: ajaxType,
                url: ajaxUrl,
                dataType: ajaxDataType,
                beforeSend: ajaxBeforeFn,
                success: function(data){successFn(data)},
                error: ajaxErrorFn,
                complete: ajaxCompleteFn
        });
    }
    function ajaxFn(data){

    }

    //ajax執行前的公共函數
    function ajaxBeforeFn(){
        $(".pop-div").show();
        $(".net-ok").hide();
        $(".spinner").show();       
    }

    //ajax執行完成后的公共函數
    function ajaxCompleteFn(){
        $(".spinner").hide();
        $(".net-ok").show();
        $(".pop-div").hide();
    }

    //ajax執行后錯誤的公共函數
    function ajaxErrorFn(){

    }

xml解析:以煎蛋為例子

點擊按鈕后的代碼

javascript    //jianshu
    $("#jianshu-btn").on("click",function(){
        $("#nowDot").css({"left":"166px"});
        $("#jianshu-page").html("");
        commonAjaxFn("GET","http://www.jianshu.com/","html",jianshuFn);
        return false;
    });
{% endhighlight %}

或許執行的代碼,解析xml
{% highlight javascript %}
    //煎蛋函數
    function jandanFn(data){
        var ulHtml="";

        $(data).find("channel").find("item").each(function(index, ele) {
            if (index > 9) { return false};
            var title = $(ele).find("title").text();
            var link = $(ele).find("link").text();
            var  des = $(ele).find("description").text();
            var commentNum = $(ele).find("slashComments").text();
            var liHtml = "
  • "+title +"

    " +"

    "+commentNum+" 條評論 | "+des+"

  • "; ulHtml += liHtml; }); $(".cat-list ul").hide(); $("#jandan-page").html(ulHtml).show(); }

    “小偷程序”的實現(針對沒有xml)

    javascript    //mindstoreFn
        function mindstoreFn(data){
            var ulHtml="";
    
            $(data).find("#mind-list").find("ul").eq(0).find("li").each(function(index, ele) {
                if (index > 9) { return false};
                var title = $(ele).find(".mind-title>a").text();
                var link = $(ele).find(".mind-title>a").attr("href");
    
                var  itemString = $(ele).html();
                var zanNum = $(ele).find(".vote-total").text();
                var mindDes = $(ele).find(".mind-des").text();
    
                var liHtml = "
  • "+title +"

    " +"

    "+zanNum+" 條支持 | "+mindDes+"

  • "; ulHtml += liHtml; }); $(".cat-list ul").hide(); $("#mindstore-page").html(ulHtml).show(); }
    整體

    bootstrap作為前端框架

    jquery作為js框架

    360擴展文檔作為支持文檔

    文章版權歸作者所有,未經允許請勿轉載,若此文章存在違規行為,您可以聯系管理員刪除。

    轉載請注明本文地址:http://specialneedsforspecialkids.com/yun/49532.html

    相關文章

    • chrome插件one-read開發3:提升

      摘要:加載代碼具體實現更好的方式了解了上面兩種方式以后,我們不難發現,如果能夠采用兩者的結合會是一個不錯的方式。其實解決方案就是緩存。我們主要采用方案,但是同樣制作標記,每次打開時執行緩存的文件執行緩存中的校驗檢查是否變動,如果變動,更新緩存 閱讀我的博客文章:chrome插件one-read開發:提升 前言 點擊這里你可以看到one-read 一覽 chrome版的使用 代碼在這里:...

      econi 評論0 收藏0
    • chrome插件one-read開發1:準備

      摘要:閱讀我的博客文章插件開發準備前言為啥要做這個,因為我原本想用做一個書簽管理的東西,但是很久沒有碰過的插件開發了。點擊這里獲取相關代碼地址開始開始之前,說說這次做的東西是什么。 閱讀我的博客文章:chrome插件one-read開發:準備 前言 為啥要做這個,因為我原本想用chrome做一個書簽管理的東西,但是很久沒有碰過chrome的插件開發了。所以先做一個簡單的,來熟悉下...

      宋華 評論0 收藏0
    • 基于 Github API 的圖床 Chrome 插件開發全紀錄

      摘要:最近基于開發了一款圖床插件,現在已經開源并上架應用商店。通過方法把轉成,然后放在里測試一下看來效果是的,接下來就是對圖床插件進行開發的步驟了。至此,整個插件的開發發布流程就已經完成了。 showImg(https://user-images.githubusercontent.com/12172868/57382983-8f29b900-71e0-11e9-8fe9-c0f12fd54...

      DoINsiSt 評論0 收藏0
    • Cordova應用的JavaScript代碼和自定義插件代碼的調試

      摘要:首先打開安卓手機的調試模式,然后用數據線連接到電腦上。打開開發者工具,這里我就能看到我正在運行應用的三星手機,,狀態處于已連接狀態。 我之前寫過三篇Cordova相關的技術文章。當我們使用Cordova將自己開發的前端應用打包安裝到手機上后,可能會遇到需要調試Cordova應用的時候。 本文就介紹Cordova應用的調試步驟。 如果大家讀過之前我寫的文章,就知道Cordova應用在移動...

      LiangJ 評論0 收藏0

    發表評論

    0條評論

    Invoker

    |高級講師

    TA的文章

    閱讀更多
    最新活動
    閱讀需要支付1元查看
    <