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

資訊專欄INFORMATION COLUMN

5分鐘學會開發(fā)瀏覽器擴展

Euphoria / 2033人閱讀

摘要：寫在前面做開發(fā)的同學，經(jīng)常會用到各種瀏覽器插件，那么我們寄幾怎么開發(fā)一個插件呢其實是瀏覽器擴展其實很簡單，你意想不到的簡單。

寫在前面

做web開發(fā)的同學，經(jīng)常會用到各種chrome瀏覽器插件，那么我們寄幾怎么開發(fā)一個插件呢（其實是瀏覽器擴展）？其實很簡單，你意想不到的簡單。只要有web開發(fā)基礎(chǔ)，會寫基本的html，css和js就可以做。
那面就跟著我一起開始吧！

1.創(chuàng)建項目

首先新建一個文件夾，比如叫 plugin-demo

 mkdir plugin-demo
cd plugin-demo/
2.manifest.json

chrome瀏覽器對插件基本要求就一個，就是要有一個manifest.json的文件。這個文件內(nèi)容如下：

{
    "name": "plugin-demo",
    "version": "0.9.0",
    "manifest_version": 2,
    "description": "chrome plugin demo",
    "browser_action": {
        "default_icon": "icon.png",
        "default_title": "5分鐘學會開發(fā)瀏覽器插件",
        "default_popup": "popup.html"
    }
}

這只是一個最基本的配置，詳細的配置參看這里.

3.創(chuàng)建界面

我們注意到，在manifest.json的配置中，有一個default_popup的選項，它的值是 popup.html,所以我們需要新建這么一個頁面。
在當前項目下新建popup.html
內(nèi)容我們盡可能的簡單了，如下：




    
    
    
    Document
    


    

    


        
這是一個chrome 插件案例

        
        
created by Davie

頁面中，基本就是一個div以及內(nèi)容展示，很簡單，你自己寫也可以。
然后我們的插件還需要一個圖標，圖標你可以自己制作，也可以去找一張圖。比如這里.
我下載了一個蘋果的圖片作為我的這個插件的圖標。放在項目根目錄。把圖標名字命名為icon.png(或者修改配置也可以)。

下面就是最激動人心的時刻了！

4、安裝插件

現(xiàn)在我們就可以讓chrome瀏覽器來安裝我們的插件了。
點擊瀏覽器最右側(cè)的三個點圖標，選擇 更多工具->k擴展程序，或者直接在地址欄輸入 chrome://extensions/，打開擴展程序安裝界面。

擴展界面：

打開開發(fā)者模式，然后選擇 “加載已解壓的擴展程序”

找到我們剛才新建的項目，打開就可以了。
如圖，我們的插件已經(jīng)安裝好了

5、查看效果

點擊蘋果

文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址：http://specialneedsforspecialkids.com/yun/53350.html

相關(guān)文章

  • 【30分鐘學會】用js玩點算法(1)：排序基礎(chǔ)

    摘要：如果今天這個比例降低了，可能的原因之一是如今的排序算法更加高效，而并非排序的重要性降低了。約定都是從小到大排序，當前項為。冒泡排序比較任何兩個相鄰的項，如果第一個比第二個大，則交換它們。 前言 前端工程師由于業(yè)務(wù)特點比較少接觸算法的東西，所以本系列也不會講太過深入的東西，更多的是作為知識擴展和思維邏輯的培養(yǎng)。 排序就是將一組對象按照某種邏輯順序重新排列的過程，本篇將介紹幾種金典的排序...

    Richard_Gao 評論0 收藏0

  • 5分鐘學會Java9-Java11的七大新特性

    摘要：來來來，花分鐘看看的七大新特性，還有代碼樣例。本地是指方法內(nèi)的變量聲明。從開始，這個正式進入標準庫包。同步請求會阻止當前線程。可喜的是，如果嘗試改變不可變集合，會通過發(fā)出警告是在中引入的，增加了三個新方法。 現(xiàn)在Java有多元化的發(fā)展趨勢，既有JS又有C++還有C#的影子，不學習那是不行滴。來來來，花5分鐘看看Java9-Java11的七大新特性，還有代碼樣例。Java11 發(fā)布了，然...

    xuhong 評論0 收藏0

  • 5分鐘教你學會Django系統(tǒng)錯誤監(jiān)控

    摘要：一監(jiān)控所有的請求如何實現(xiàn)系統(tǒng)監(jiān)控，自動發(fā)送錯誤日志的郵件呢只需配置配置文件即可。設(shè)置發(fā)送郵件配置信息郵件會發(fā)送到設(shè)定的郵件列表中。 showImg(https://segmentfault.com/img/remote/1460000015327475); 一、監(jiān)控所有的request請求 如何實現(xiàn)系統(tǒng)監(jiān)控，自動發(fā)送錯誤日志的郵件呢？ 只需配置配置settings文件即可。 1.設(shè)置發(fā)...

    Aldous 評論0 收藏0

  • PHP擴展開發(fā)教程2 - 編寫第一個擴展 hello world

    摘要：二下載第一個擴展第一個擴展的源碼已經(jīng)在上準備好了，直接用命令克隆，或者手工下載都可以。第四步確認擴展已經(jīng)安裝成功使用命令可以查看目前已經(jīng)安裝的所有擴展。 PHP擴展是高級PHP程序員必須了解的技能之一，對于一個初入門的PHP擴展開發(fā)者，怎么才能開發(fā)一個成熟的擴展，進入PHP開發(fā)的高級領(lǐng)域呢？本系列開發(fā)教程將手把手帶您從入門進入高級階段。本教程系列在linux下面開發(fā)（推薦使用cento...

    Berwin 評論0 收藏0

發(fā)表評論

0條評論

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