成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專欄INFORMATION COLUMN

Note: 一個(gè)初步的 Chrome Packaged App 寫法

chanjarster / 2658人閱讀

摘要：主要看文檔里的兩個(gè)頁面代碼基本上和官方給的一樣我放在倉庫里了后面就記一些我關(guān)心的點(diǎn)了資源相對路徑問題首先是目錄結(jié)構(gòu)主要是文件我沒有放在根目錄然后是注意這里的相對路徑是從根目錄而不是路徑作為基準(zhǔn)的和插件的啟動(dòng)方式不同不能通過聲明一般擴(kuò)展是

主要看 Chrome App 文檔里的兩個(gè)頁面:
Chrome App Lifecycle
Create Your First App

代碼基本上和官方給的一樣, 我放在倉庫里了:
https://code.csdn.net/jiyinyiyong/demo-packaged-app/tree/master
后面就記一些我關(guān)心的點(diǎn)了:

資源相對路徑問題

首先是目錄結(jié)構(gòu), 主要是 HTML 文件, 我沒有放在根目錄:

?? tree
.
├── README.md
├── css
│?? └── main.css
├── html
│?? └── app.html
├── js
│?? ├── bg.js
│?? └── main.js
└── manifest.json

3 directories, 6 files

然后是 js/bg.js, 注意這里的 HTML 相對路徑,
是從 app 根目錄而不是 bg.js 路徑作為基準(zhǔn)的:

chrome.app.runtime.onLaunched.addListener(function() {
  chrome.app.window.create("html/app.html", {
    "bounds": {
      "width": 400,
      "height": 500
    }
  });
});

Packaged App 和插件的啟動(dòng)方式不同, 不能通過 manifest.json 聲明,
一般擴(kuò)展是需要手動(dòng)聲明使用版本的, 這里的例子不用..

然后是 app.html, 注意, 這里 JS CSS 又是根據(jù)文件的相對路徑來的:




  APp
  
  


hello APp

之所以特別關(guān)注相對路徑, 是因?yàn)?HTML 會(huì)是 Jade 生成的, 不方便任意使用路徑,
設(shè)置為了 HTML 能在 App 或者 server 同時(shí)運(yùn)行, 必需事先了解.

開啟 DevTools

App 的調(diào)試需要在 chrome://flags 開啟對應(yīng)的選項(xiàng), 否則沒有 DevTools..

  
Find "Experimental Extension APIs", and click its "Enable" link.
頁面的 Reload

App 打開后, 似乎屏蔽了刷新的機(jī)制, 只能從頁面上手動(dòng)觸發(fā)..
Console 調(diào)用 location.reload() 無法對頁面進(jìn)行刷新
還好, chrome.runtime.reload() 還是能正常使用的.
https://developer.chrome.com/extensions/runtime#method-reload

還有需要注意的是, App 的權(quán)限和 Extension 不同, Extension 里獲取不到 App
就是說, 我用 Chrome Extension 來 reload 這個(gè) App 就不成功了.
不過 App 的一個(gè)好處可以直接使用 TCP, 這就有可能通過網(wǎng)絡(luò)檢測自動(dòng)刷新頁面了...
http://developer.chrome.com/apps/app_network

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

轉(zhuǎn)載請注明本文地址：http://systransis.cn/yun/39063.html

相關(guān)文章

  • Chrome Packaged App的一些坑

    摘要：私有，元素和子元素的文本將不可選，但是，子元素可以通過重設(shè)回可選。當(dāng)內(nèi)容過長時(shí)無法向下滾動(dòng)解決方法 最近在寫Http Craft——一個(gè)開源HTTP請求模擬的Chrome App過程中遇到了一個(gè)頭疼的問題，作為一個(gè)CSS挫人，記錄一下 無法對應(yīng)用內(nèi)的文本進(jìn)行選擇 無法對應(yīng)用內(nèi)的文本進(jìn)行選擇（input和textarea可以選擇） 解決方法：需要向css樣式中添加如下樣式 bod...

    GitChat 評論0 收藏0

  • Spring Boot 2.0 外部化配置介紹

    摘要：可以使用外部化配置來方便在不同環(huán)境的運(yùn)行同樣的程序文件文件環(huán)境變量命令行參數(shù)內(nèi)置順序?qū)崿F(xiàn)了很多按以下順序進(jìn)行合理的相同屬性的覆蓋目錄下的全局設(shè)置屬性，如果激活測試用例上的注解測試用例上的注解。 簡介 在應(yīng)用中管理配置并不是一個(gè)容易的任務(wù)，尤其是在應(yīng)用需要部署到多個(gè)環(huán)境中時(shí)。通常會(huì)需要為每個(gè)環(huán)境提供一個(gè)對應(yīng)的屬性文件，用來配置各自的數(shù)據(jù)庫連接信息、服務(wù)器信息和第三方服務(wù)賬號(hào)等。通常的應(yīng)用...

    lmxdawn 評論0 收藏0

  • 初步整理的關(guān)于 Progressive Web Apps 的資料

    摘要：在上看到發(fā)的視頻被狂轉(zhuǎn)開始注意之前幾乎對這個(gè)詞語沒有印象看到是在的演講還以為是新技術(shù)在上找一下這次好多個(gè)視頻是關(guān)于的視頻的內(nèi)容主要是講網(wǎng)站優(yōu)化分別用做例子可惜沒有大概要等小右補(bǔ)方案應(yīng)該沒有問題從視頻看優(yōu)化的效果非常顯著本來好幾秒的 在 Twitter 上看到 Addy Osmani 發(fā)的視頻被狂轉(zhuǎn), 開始注意https://twitter.com/addyosmani/status/7...

    luffyZh 評論0 收藏0

  • spring boot學(xué)習(xí)(6)— 配置信息及其讀取優(yōu)先級

    摘要：優(yōu)先級如下使用文件使用文件，會(huì)根據(jù)以下目錄去尋找，添加到中，優(yōu)先級依次遞增。目錄下目錄工程根目錄工程跟目錄下的目錄加載順序從優(yōu)先級高的先加載。屬性值怎么取優(yōu)先級高的會(huì)覆蓋優(yōu)先級低的。但是在同等目錄下，優(yōu)先級高于文件的配置信息。 1. properties 信息從哪里取 在不同的環(huán)境，我們需要使用不同的配置，Spring boot 已經(jīng)提供了相關(guān)功能，可以是 properties 文件，...

    stormzhang 評論0 收藏0

  • Java Service Provider Interface

    摘要：之前的作用范圍其中驅(qū)動(dòng)通常使用來引入所需要的驅(qū)動(dòng)。在編譯期間不用引入具體的具體實(shí)現(xiàn)類不管還是等。所以包的應(yīng)該設(shè)置為。用于從中找到接口的實(shí)現(xiàn)類。文件中有兩個(gè)驅(qū)動(dòng)名。而不是通過來找實(shí)現(xiàn)類的。是通過找一個(gè)固定包下的固定類類而是找固定文件下的內(nèi)容。 之前 maven 的runtime作用范圍 showImg(https://segmentfault.com/img/remote/1460000...

    jaysun 評論0 收藏0

發(fā)表評論

0條評論

chanjarster

男|高級講師

TA的文章

閱讀更多
最新活動(dòng)
閱讀需要支付1元查看
<