1. <span id="ilsz5"></span>

        ><\/span>\n<\/span> ><\/span>Tweets !!<\/h1<\/span>><\/span>\n<\/span>\n<\/body<\/span>><\/span>\n<\/span>\n<\/html<\/span>><\/span><\/span><\/pre>(或更多工具

        ),然後單擊<\/p>\n

        
        	
        
        
        
        
        
        
        

        国产av日韩一区二区三区精品,成人性爱视频在线观看,国产,欧美,日韩,一区,www.成色av久久成人,2222eeee成人天堂

        目錄
        鑰匙要點(diǎn)
        創(chuàng)建Chrome App
        要安裝Cordova,您需要在系統(tǒng)上安裝Node.js。安裝了Node.js後,您可以通過(guò)在終端或命令提示符中運(yùn)行命令NPM安裝-G Cordova來(lái)使用NPM(Node Package Manager)安裝Cordova。 -g標(biāo)誌用於在系統(tǒng)上全球安裝Cordova。使用Cordova的設(shè)備,您需要在系統(tǒng)上安裝以下內(nèi)容:Node.js,Cordova,用於移動(dòng)工具鏈的Chrome應(yīng)用程序以及Android SDK或iOS SDK取決於您要定位的平臺(tái)。
        以在Cordova項(xiàng)目中添加平臺(tái),您需要使用Cordova平臺(tái)添加命令,然後是平臺(tái)的名稱。例如,Cordova平臺(tái)添加Android將添加Android平臺(tái)。然後是平臺(tái)的名稱。例如,Cordova Build Android將為Android平臺(tái)構(gòu)建您的項(xiàng)目。 >

        >如何在設(shè)備上運(yùn)行我的Cordova項(xiàng)目?

        >我可以在我的Chrome應(yīng)用中使用Cordova插件嗎?是的,您可以在Chrome應(yīng)用中使用Cordova插件。為此,您需要使用Cordova插件添加命令將插件添加到您的項(xiàng)目中。然後是插件的名稱。
        首頁(yè) web前端 js教程 使用Cordova在移動(dòng)設(shè)備上運(yùn)行Chrome應(yīng)用程序

        使用Cordova在移動(dòng)設(shè)備上運(yùn)行Chrome應(yīng)用程序

        Feb 20, 2025 am 09:26 AM

        使用Cordova在移動(dòng)設(shè)備上運(yùn)行Chrome應(yīng)用程序

        鑰匙要點(diǎn)

          可以使用基於Apache Cordova的工具集在Android和iOS設(shè)備上運(yùn)行
        • Chrome應(yīng)用程序,這是一種使用HTML,CSS和JavaScript包裝移動(dòng)應(yīng)用程序的開(kāi)源框架。 Cordova使用本機(jī)外殼包裝這些Web應(yīng)用程序,允許在Google Play,Apple App Store和其他商店上分發(fā)。
        • 創(chuàng)建Chrome應(yīng)用程序的過(guò)程包括創(chuàng)建一個(gè)項(xiàng)目文件夾,在subtest.json文件中定義所需的設(shè)置,在啟動(dòng)時(shí)為應(yīng)用程序創(chuàng)建一個(gè)窗口,並設(shè)置Ajax調(diào)用以檢索數(shù)據(jù)。創(chuàng)建一個(gè)簡(jiǎn)單的Twitter Chrome應(yīng)用程序。
        • >在Android上運(yùn)行Chrome應(yīng)用,Java JDK 7或更高版本,Android SDK 4.4.2或更高,以及Apache Ant需要安裝在系統(tǒng)上。還需要CCA命令行工具。設(shè)置環(huán)境後,可以使用特定命令從現(xiàn)有Chrome應(yīng)用程序到端口創(chuàng)建一個(gè)新項(xiàng)目。
        • Chrome應(yīng)用在Chrome用戶中很受歡迎。為什麼不,他們提供了一種在Chrome瀏覽器熟悉的環(huán)境中創(chuàng)建便攜式“應(yīng)用程序”的方法。
        想像一下智能手機(jī)上可用的Chrome應(yīng)用程序的功能?,F(xiàn)在,我們可以使用基於Apache Cordova的工具集在Android和iOS上運(yùn)行我們喜歡的Chrome應(yīng)用程序。

        >

        > Cordova是使用HTML,CSS和JavaScript包裝移動(dòng)應(yīng)用程序的開(kāi)源框架。 Cordova使用本機(jī)外殼包裝HTML,CSS和JavaScript Web應(yīng)用程序,並允許在Google Play,Apple App Store和其他商店上分發(fā)。

        概述

        在本教程中,我們將使用HTML,CSS和JavaScript創(chuàng)建自己的Chrome應(yīng)用程序,然後將其移植到Android模擬器中。我們將創(chuàng)建的應(yīng)用程序?qū)⑹且粋€(gè)簡(jiǎn)單的應(yīng)用程序,可以根據(jù)特定的Twitter主題標(biāo)籤獲取最新推文。

        >

        創(chuàng)建Chrome App

        我們將首先創(chuàng)建我們的Chrome應(yīng)用程序。創(chuàng)建Chrome應(yīng)用並在Chrome瀏覽器上進(jìn)行了測(cè)試後,我們將其移植到Android。

        >本教程中的源代碼可在GitHub上找到。

        >

        創(chuàng)建一個(gè)名為TwitterChroMeApp的項(xiàng)目文件夾。在項(xiàng)目文件夾中,創(chuàng)建一個(gè)名為sustest.json的清單文件,該文件將是我們應(yīng)用程序的配置文件。在清單內(nèi)部。 JSON我們將定義Chrome App所需的一些設(shè)置。 Chrome應(yīng)用程序要求Subtest_version為2。我們還將定義應(yīng)用程序的名稱,其版本和背景腳本的路徑,以執(zhí)行啟動(dòng)該應(yīng)用程序。我們將從外部服務(wù)URL中獲取推文,因此我們還將在此文件中指定該推文。這是清單的樣子。

        >當(dāng)Chrome應(yīng)用啟動(dòng)時(shí),我們將顯示一個(gè)窗口,其中將顯示Twitter的推文。 Chrome Apps具有一個(gè)名為Onlaunched的事件,我們使用該應(yīng)用程序在應(yīng)用程序啟動(dòng)時(shí)為應(yīng)用程序創(chuàng)建窗口。

        在項(xiàng)目文件夾TwitterChroMeApp中,創(chuàng)建另一個(gè)稱為腳本的文件夾,在其中創(chuàng)建了名為main.js的背景腳本。將以下代碼添加到main.js:

        在啟用的活動(dòng)中,我們將為Chrome應(yīng)用創(chuàng)建寡婦。將以下代碼添加到main.js:
        <span>{
        </span>    <span>"manifest_version": 2,
        </span>    <span>"name": "Tweet Chrome App",
        </span>    <span>"version": "1.0",
        </span>    <span>"app": {
        </span>        <span>"background": {
        </span>            <span>"scripts": ["scripts/main.js"]
        </span>        <span>}
        </span>    <span>},
        </span>    <span>"permissions": [
        </span>        <span>"http://twittersearchapi.herokuapp.com/search"
        </span>    <span>]
        </span><span>}</span>

        在上面的代碼中,我們使用屏幕對(duì)象獲取可用的屏幕寬度和高度。基於屏幕的實(shí)際寬度,我們將新Chrome窗口的外部邊界設(shè)置為正確顯示。

        chrome<span>.app.runtime.onLaunched.addListener(function() {
        </span>  <span>// creating window for app code will be here
        </span><span>});</span>
        chrome.app.window.create使用文件index.html中的html創(chuàng)建一個(gè)新窗口。 在項(xiàng)目文件夾內(nèi)部TwitterChroMeApp內(nèi)部創(chuàng)建一個(gè)名為index.html的新文件,如下所示:>

        >現(xiàn)在嘗試將Chrome應(yīng)用程序安裝在Chrome瀏覽器中。打開(kāi)對(duì)

        >工具 - >擴(kuò)展

        (可能

        更多工具

        )。從右上角的複選框中啟用開(kāi)發(fā)人員模式,然後單擊chrome<span>.app.runtime.onLaunched.addListener(function() { </span> <span>var screenWidth = screen.availWidth; </span> <span>var screenHeight = screen.availHeight; </span> <span>var width = 500; </span> <span>var height = 300; </span> chrome<span>.app.window.create('index.html', { </span> <span>id: "tweetAppID", </span> <span>outerBounds: { </span> <span>width: width, </span> <span>height: height, </span> <span>left: Math.round((screenWidth - width) / 2), </span> <span>top: Math.round((screenHeight - height) / 2) </span> <span>} </span> <span>}); </span><span>});</span>加載Untage Extension ,然後選擇項(xiàng)目文件夾。 >通過(guò)apps>或擴(kuò)展窗口運(yùn)行擴(kuò)展名,您應(yīng)該看到以下內(nèi)容:>

        接下來(lái),我們將創(chuàng)建一個(gè)Ajax調(diào)用,該窗口啟動(dòng)從服務(wù)URL檢索推文時(shí)會(huì)觸發(fā)。我們將使用Heroku上託管的服務(wù)。該服務(wù)有一些限制。它僅使用主題標(biāo)籤perkytweets 進(jìn)行推文,這足以讓我們的示例。 > >我們將使用jQuery進(jìn)行Ajax調(diào)用,因此請(qǐng)將其下載到腳本文件夾中,並將其包含在index.html中,例如:>

        使用Cordova在移動(dòng)設(shè)備上運(yùn)行Chrome應(yīng)用程序現(xiàn)在,在腳本文件夾中創(chuàng)建一個(gè)名為script.js的新文件,並創(chuàng)建AJAX調(diào)用,如下所示:

        index.html中的script.js:

        現(xiàn)在打開(kāi)

        >工具 - >擴(kuò)展
        <span><span><!DOCTYPE html></span>
        </span><span><span><span><html</span>></span>
        </span>
        <span><span><span><head</span>></span>
        </span>    <span><span><span><meta</span> charset<span>="utf-8"</span>></span>
        </span>    <span><span><span><title</span>></span>Chrome Tweet App<span><span></title</span>></span>
        </span><span><span><span></head</span>></span>
        </span>
        <span><span><span><body</span>></span>
        </span>    <span><span><span><h1</span>></span>Tweets !!<span><span></h1</span>></span>
        </span>
        <span><span><span></body</span>></span>
        </span>
        <span><span><span></html</span>></span></span>
        (或更多工具

        ),然後單擊

        <span><span><span><script</span> type<span>="text/javascript"</span> src<span>="scripts/jquery-1.11.1.min.js"</span>></span><span><span></script</span>></span></span>
        重新加載

        以反映更改。接下來(lái)單擊該應(yīng)用程序以重新啟動(dòng)它。如果您檢查Chrome Console(只是您在Chrome中訪問(wèn)的普通控制臺(tái)),則應(yīng)顯示服務(wù)URL的響應(yīng)。

        接下來(lái),我們將在index.html中顯示響應(yīng)。我們將使用Bootstrap來(lái)造型頁(yè)面。
        <span>$(function() {
        </span>    $<span>.ajax({
        </span>        <span>type: 'GET',
        </span>        <span>url: 'http://twittersearchapi.herokuapp.com/search',
        </span>        <span>success: function(response) {
        </span>            <span>var resObj = JSON.parse(response);
        </span>            <span>console.log(resObj);
        </span>        <span>},
        </span>        <span>error: function(error) {
        </span>            <span>console.log(error);
        </span>        <span>}
        </span>    <span>});
        </span><span>});</span>

        >在項(xiàng)目文件夾中創(chuàng)建一個(gè)樣式文件夾,然後將Bootstrap CSS文件下載到文件夾中。將Bootstrap CSS文件包括在index.html。 在index.html中包含一個(gè)UL元素以顯示推文。這是index.html現(xiàn)在應(yīng)該看起來(lái)的樣子:> >在Ajax成功中的scripts.js中的包括以下代碼,以附加從index.html中獲取的項(xiàng)目中獲取的項(xiàng)目。

        重新啟動(dòng)並重新啟動(dòng)應(yīng)用程序,您應(yīng)該可以看到一個(gè)屏幕上充滿推文。

        >為Android創(chuàng)建Chrome應(yīng)用

        >由於我們將在Android上運(yùn)行應(yīng)用程序,請(qǐng)確保您的Java JDK 7或更高,Android SDK 4.4.2或更高以及安裝在系統(tǒng)上的Apache Ant。

        >我們還需要CCA命令行工具。您可以使用

        安裝它

        在官方文檔中可以找到有關(guān)設(shè)置Chrome應(yīng)用程序的環(huán)境以將Chrome應(yīng)用程序移植到Android和iOS的詳細(xì)信息。

        >設(shè)置環(huán)境完成後,我們將創(chuàng)建一個(gè)新項(xiàng)目,從現(xiàn)有的TwitterChroMeApe到端口到Android。 運(yùn)行以下命令來(lái)創(chuàng)建項(xiàng)目:
        <span>{
        </span>    <span>"manifest_version": 2,
        </span>    <span>"name": "Tweet Chrome App",
        </span>    <span>"version": "1.0",
        </span>    <span>"app": {
        </span>        <span>"background": {
        </span>            <span>"scripts": ["scripts/main.js"]
        </span>        <span>}
        </span>    <span>},
        </span>    <span>"permissions": [
        </span>        <span>"http://twittersearchapi.herokuapp.com/search"
        </span>    <span>]
        </span><span>}</span>

        >導(dǎo)航到TwitterAppForandroid並運(yùn)行以下命令以在Android模擬器中運(yùn)行該項(xiàng)目:

        模擬器成功啟動(dòng)後,您應(yīng)該看到模擬器中運(yùn)行的應(yīng)用程序。

        結(jié)論
        chrome<span>.app.runtime.onLaunched.addListener(function() {
        </span>  <span>// creating window for app code will be here
        </span><span>});</span>
        在本教程中,我們看到瞭如何創(chuàng)建一個(gè)簡(jiǎn)單的Chrome應(yīng)用程序並將其移植到Android平臺(tái)??梢栽诠賳T文檔中找到有關(guān)使用Apache Cordova在移動(dòng)設(shè)備上運(yùn)行Chrome應(yīng)用程序的更多信息。

        >您如何看待創(chuàng)建移動(dòng)應(yīng)用程序的Chrome應(yīng)用程序選項(xiàng)?與僅使用標(biāo)準(zhǔn)HTML,CSS和JavaScript Web應(yīng)用程序中,它是否具有任何優(yōu)點(diǎn)?

        使用Cordova
        chrome<span>.app.runtime.onLaunched.addListener(function() {
        </span>
            <span>var screenWidth = screen.availWidth;
        </span>    <span>var screenHeight = screen.availHeight;
        </span>    <span>var width = 500;
        </span>    <span>var height = 300;
        </span>
            chrome<span>.app.window.create('index.html', {
        </span>        <span>id: "tweetAppID",
        </span>        <span>outerBounds: {
        </span>            <span>width: width,
        </span>            <span>height: height,
        </span>            <span>left: Math.round((screenWidth - width) / 2),
        </span>            <span>top: Math.round((screenHeight - height) / 2)
        </span>        <span>}
        </span>    <span>});
        </span><span>});</span>
        在移動(dòng)設(shè)備上運(yùn)行Chrome應(yīng)用程序的常見(jiàn)問(wèn)題(常見(jiàn)問(wèn)題解答)

        >如何在系統(tǒng)上安裝Cordova?

        >

        要安裝Cordova,您需要在系統(tǒng)上安裝Node.js。安裝了Node.js後,您可以通過(guò)在終端或命令提示符中運(yùn)行命令NPM安裝-G Cordova來(lái)使用NPM(Node Package Manager)安裝Cordova。 -g標(biāo)誌用於在系統(tǒng)上全球安裝Cordova。使用Cordova的設(shè)備,您需要在系統(tǒng)上安裝以下內(nèi)容:Node.js,Cordova,用於移動(dòng)工具鏈的Chrome應(yīng)用程序以及Android SDK或iOS SDK取決於您要定位的平臺(tái)。

        >

        >如何將我的Chrome應(yīng)用程序轉(zhuǎn)換為Cordova項(xiàng)目?

        >

        將您的Chrome應(yīng)用轉(zhuǎn)換為Cordova項(xiàng)目,您需要使用CCA命令遵循通過(guò)創(chuàng)建命令和項(xiàng)目的名稱。例如,CCA創(chuàng)建myproject。這將在一個(gè)名為myproject的目錄中創(chuàng)建一個(gè)新的Cordova項(xiàng)目。

        如何將平臺(tái)添加到我的Cordova項(xiàng)目?

        以在Cordova項(xiàng)目中添加平臺(tái),您需要使用Cordova平臺(tái)添加命令,然後是平臺(tái)的名稱。例如,Cordova平臺(tái)添加Android將添加Android平臺(tái)。然後是平臺(tái)的名稱。例如,Cordova Build Android將為Android平臺(tái)構(gòu)建您的項(xiàng)目。 >

        >如何在設(shè)備上運(yùn)行我的Cordova項(xiàng)目?

        在設(shè)備上運(yùn)行您的Cordova項(xiàng)目,您需要使用Cordova Run命令,然後使用平臺(tái)的名稱。例如,Cordova Run Android將在Android設(shè)備上運(yùn)行您的項(xiàng)目。

        >如何調(diào)試我的Cordova項(xiàng)目?

        來(lái)調(diào)試您的Cordova項(xiàng)目,您可以使用Chrome DevTools。為此,您需要導(dǎo)航到Chrome://在Chrome瀏覽器中檢查並單擊設(shè)備下的Inspect Link。 Cordova允許您在移動(dòng)設(shè)備上運(yùn)行Chrome應(yīng)用程序,但存在一些限制。例如,並非支持所有Chrome API,並且由於基礎(chǔ)平臺(tái)的差異,Chrome App和Cordova應(yīng)用程序之間的行為可能存在差異。

        >我可以在我的Chrome應(yīng)用中使用Cordova插件嗎?是的,您可以在Chrome應(yīng)用中使用Cordova插件。為此,您需要使用Cordova插件添加命令將插件添加到您的項(xiàng)目中。然後是插件的名稱。

        >

        >如何更新我的Cordova項(xiàng)目?

        Cordova項(xiàng)目,您可以使用Cordova Platform Update命令,然後使用該平臺(tái)的名稱。例如,Cordova平臺(tái)更新Android將在您的項(xiàng)目中更新Android平臺(tái)。

        以上是使用Cordova在移動(dòng)設(shè)備上運(yùn)行Chrome應(yīng)用程序的詳細(xì)內(nèi)容。更多資訊請(qǐng)關(guān)注PHP中文網(wǎng)其他相關(guān)文章!

        本網(wǎng)站聲明
        本文內(nèi)容由網(wǎng)友自願(yuàn)投稿,版權(quán)歸原作者所有。本站不承擔(dān)相應(yīng)的法律責(zé)任。如發(fā)現(xiàn)涉嫌抄襲或侵權(quán)的內(nèi)容,請(qǐng)聯(lián)絡(luò)admin@php.cn

        熱AI工具

        Undress AI Tool

        Undress AI Tool

        免費(fèi)脫衣圖片

        Undresser.AI Undress

        Undresser.AI Undress

        人工智慧驅(qū)動(dòng)的應(yīng)用程序,用於創(chuàng)建逼真的裸體照片

        AI Clothes Remover

        AI Clothes Remover

        用於從照片中去除衣服的線上人工智慧工具。

        Clothoff.io

        Clothoff.io

        AI脫衣器

        Video Face Swap

        Video Face Swap

        使用我們完全免費(fèi)的人工智慧換臉工具,輕鬆在任何影片中換臉!

        熱工具

        記事本++7.3.1

        記事本++7.3.1

        好用且免費(fèi)的程式碼編輯器

        SublimeText3漢化版

        SublimeText3漢化版

        中文版,非常好用

        禪工作室 13.0.1

        禪工作室 13.0.1

        強(qiáng)大的PHP整合開(kāi)發(fā)環(huán)境

        Dreamweaver CS6

        Dreamweaver CS6

        視覺(jué)化網(wǎng)頁(yè)開(kāi)發(fā)工具

        SublimeText3 Mac版

        SublimeText3 Mac版

        神級(jí)程式碼編輯軟體(SublimeText3)

        Java vs. JavaScript:清除混亂 Java vs. JavaScript:清除混亂 Jun 20, 2025 am 12:27 AM

        Java和JavaScript是不同的編程語(yǔ)言,各自適用於不同的應(yīng)用場(chǎng)景。 Java用於大型企業(yè)和移動(dòng)應(yīng)用開(kāi)發(fā),而JavaScript主要用於網(wǎng)頁(yè)開(kāi)發(fā)。

        JavaScript評(píng)論:簡(jiǎn)短說(shuō)明 JavaScript評(píng)論:簡(jiǎn)短說(shuō)明 Jun 19, 2025 am 12:40 AM

        JavascriptconcommentsenceenceEncorenceEnterential gransimenting,reading and guidingCodeeXecution.1)單inecommentsareusedforquickexplanations.2)多l(xiāng)inecommentsexplaincomplexlogicorprovideDocumentation.3)

        如何在JS中與日期和時(shí)間合作? 如何在JS中與日期和時(shí)間合作? Jul 01, 2025 am 01:27 AM

        JavaScript中的日期和時(shí)間處理需注意以下幾點(diǎn):1.創(chuàng)建Date對(duì)像有多種方式,推薦使用ISO格式字符串以保證兼容性;2.獲取和設(shè)置時(shí)間信息可用get和set方法,注意月份從0開(kāi)始;3.手動(dòng)格式化日期需拼接字符串,也可使用第三方庫(kù);4.處理時(shí)區(qū)問(wèn)題建議使用支持時(shí)區(qū)的庫(kù),如Luxon。掌握這些要點(diǎn)能有效避免常見(jiàn)錯(cuò)誤。

        JavaScript與Java:開(kāi)發(fā)人員的全面比較 JavaScript與Java:開(kāi)發(fā)人員的全面比較 Jun 20, 2025 am 12:21 AM

        JavaScriptIspreferredforredforwebdevelverment,而Javaisbetterforlarge-ScalebackendsystystemsandSandAndRoidApps.1)JavascriptexcelcelsincreatingInteractiveWebexperienceswebexperienceswithitswithitsdynamicnnamicnnamicnnamicnnamicnemicnemicnemicnemicnemicnemicnemicnemicnddommanipulation.2)

        為什麼要將標(biāo)籤放在的底部? 為什麼要將標(biāo)籤放在的底部? Jul 02, 2025 am 01:22 AM

        PlacingtagsatthebottomofablogpostorwebpageservespracticalpurposesforSEO,userexperience,anddesign.1.IthelpswithSEObyallowingsearchenginestoaccesskeyword-relevanttagswithoutclutteringthemaincontent.2.Itimprovesuserexperiencebykeepingthefocusonthearticl

        JavaScript:探索用於高效編碼的數(shù)據(jù)類型 JavaScript:探索用於高效編碼的數(shù)據(jù)類型 Jun 20, 2025 am 12:46 AM

        javascripthassevenfundaMentalDatatypes:數(shù)字,弦,布爾值,未定義,null,object和symbol.1)numberSeadUble-eaduble-ecisionFormat,forwidevaluerangesbutbecautious.2)

        什麼是在DOM中冒泡和捕獲的事件? 什麼是在DOM中冒泡和捕獲的事件? Jul 02, 2025 am 01:19 AM

        事件捕獲和冒泡是DOM中事件傳播的兩個(gè)階段,捕獲是從頂層向下到目標(biāo)元素,冒泡是從目標(biāo)元素向上傳播到頂層。 1.事件捕獲通過(guò)addEventListener的useCapture參數(shù)設(shè)為true實(shí)現(xiàn);2.事件冒泡是默認(rèn)行為,useCapture設(shè)為false或省略;3.可使用event.stopPropagation()阻止事件傳播;4.冒泡支持事件委託,提高動(dòng)態(tài)內(nèi)容處理效率;5.捕獲可用於提前攔截事件,如日誌記錄或錯(cuò)誤處理。了解這兩個(gè)階段有助於精確控制JavaScript響應(yīng)用戶操作的時(shí)機(jī)和方式。

        Java和JavaScript有什麼區(qū)別? Java和JavaScript有什麼區(qū)別? Jun 17, 2025 am 09:17 AM

        Java和JavaScript是不同的編程語(yǔ)言。 1.Java是靜態(tài)類型、編譯型語(yǔ)言,適用於企業(yè)應(yīng)用和大型系統(tǒng)。 2.JavaScript是動(dòng)態(tài)類型、解釋型語(yǔ)言,主要用於網(wǎng)頁(yè)交互和前端開(kāi)發(fā)。

        See all articles