• 尝试做了个Chrome浏览器的扩展程序,显示extensions的页面


    最近firefox用的不爽,决定换下口味,装了个Chrome玩玩。不过,Chrome的用户体验不是那么让我满意,特别是管理扩展程序的时候需要操作三次,实在不爽,那就自己做个扩展程序解决这个问题吧。分三步走:

    第一步:helloworld,这篇文章将的很清楚http://dev.chromechina.com/thread-1940-1-1.html

    第二步:查看已有的扩展程序的代码

    • 有个扩展程序叫Extension Gallery Inspector,可以查看扩展程序的代码
    • 本地已经存在的源码在C:\Documents and Settings\当前用户\Local Settings\Application Data\Google\Chrome\User Data\Default\Extensions,Chrome plus的扩展源码在安装目录下

    第三步:修改已有代码,有个叫Downdloads的扩展跟我的需求差不多,它是打开下载的页面,那就在这个基础上稍微做了些修改,相当easy。

    顺便贴下源代码吧

    manifest.json

    代码
    {
    "name": "Extensions",
    "description": "Access the extensions window directly from the toolbar",
    "version": "1.0",
    "permissions" : ["tabs"],
    "browser_action":
    {
    "default_icon" : "images.jpg",

    "default_title": "打开扩展程序窗口"
    },
    "background_page": "background.html"
    }

    background.html

    代码
    <script>
    chrome.browserAction.onClicked.addListener(
    function(tab){
    var alreadyOpened=null
    var chromeExtURL="chrome://extensions/"
    chrome.tabs.getAllInWindow(
    null,function(tabs){
    for (var i=0;i<tabs.length;i++){
    if (tabs[i].url == chromeExtURL){
    chrome.tabs.update(tabs[i].id, {selected:
    true})
    return;
    }
    }
    chrome.tabs.create({url:chromeExtURL,selected:
    true})
    })
    })
    </script>

    当试图做更复杂的扩展时,发现自己不懂javascript和html,若继续学习那将是个浩大的工程,只好暂时到此为止。

  • 相关阅读:
    2017-2018-1 20155218 《信息安全系统设计基础》第十一周学习总结
    # 课堂测试(CH6)20155218
    Elasticsearch6.0 IKAnalysis分词使用
    ELK6.0环境搭建及配置
    使用PHP抓取网站ico图标
    centos下apache+mysql+php安装及配置
    PHP的(Thread Safe与Non Thread Safe)
    作业九
    附加题
    作业八
  • 原文地址:https://www.cnblogs.com/todsong/p/1912187.html
Copyright © 2020-2023  润新知