插件全名叫:
cordova-plugin-themeablebrowser
這個(gè)插件會(huì)彈出一個(gè)瀏覽器窗口,打開(kāi)外部網(wǎng)頁(yè),功能比較強(qiáng)大摔认,能自定義導(dǎo)航工具欄、標(biāo)題等等宅粥。不止打開(kāi)網(wǎng)頁(yè)参袱,還可以用來(lái)打開(kāi)在線文檔,如pdf粹胯、word等等文件的在線預(yù)覽也是很不錯(cuò)的選擇蓖柔。
在安裝使用這個(gè)插件時(shí),有一個(gè)略微繁瑣的事情是:
它不會(huì)把配套的圖片資源復(fù)制到項(xiàng)目中风纠,需要手動(dòng)復(fù)制,往往新人使用時(shí)忽略這個(gè)牢贸,使得工具欄明明有關(guān)閉竹观、后退等事件響應(yīng),卻沒(méi)看到按鈕潜索。
手動(dòng)復(fù)制圖片有個(gè)弊端是臭增,當(dāng)項(xiàng)目有問(wèn)題或修改了config.xml里的id時(shí),一般使用platform移除再添加android/ios后竹习,這樣需重新拷貝上述圖片資源誊抛,而往往會(huì)忽略。
于是整陌,我們擴(kuò)展一下這個(gè)插件拗窃,添加自動(dòng)復(fù)制圖片的功能。
首先泌辫,clone或者下載該插件到本地目錄随夸,打開(kāi)src文件夾,看到里面有各個(gè)平臺(tái):
因?yàn)槲覀兂S玫氖莂ndroid和ios震放,那這里只處理這兩個(gè)平臺(tái)宾毒,分別打開(kāi)目錄,發(fā)現(xiàn)資源文件放置在:android/res/drawable-xhdpi和ios/Resources殿遂,
于是诈铛,我們打開(kāi)最外面目錄下的plugin.xml,給android添加配置項(xiàng):
<source-file src="src/android/res/drawable-xhdpi" target-dir="res" />
給ios添加配置項(xiàng):
<resource-file src="src/ios/Resources/back_pressed@2x.png" />
<resource-file src="src/ios/Resources/back@2x.png" />
<resource-file src="src/ios/Resources/close_pressed@2x.png"/>
<resource-file src="src/ios/Resources/close@2x.png" />
<resource-file src="src/ios/Resources/forward_pressed@2x.png" />
<resource-file src="src/ios/Resources/forward@2x.png" />
<resource-file src="src/ios/Resources/menu_pressed@2x.png" />
<resource-file src="src/ios/Resources/menu@2x.png" />
<resource-file src="src/ios/Resources/share_pressed@2x.png" />
<resource-file src="src/ios/Resources/share@2x.png" />
保存即可墨礁,配置的意思是把這些文件復(fù)制到項(xiàng)目的目標(biāo)目錄幢竹,沒(méi)有填寫(xiě)目標(biāo)目錄,則復(fù)制到項(xiàng)目當(dāng)前路徑饵溅。
當(dāng)你安裝這個(gè)插件后妨退,看看相應(yīng)的圖片是不是已經(jīng)拷貝過(guò)去了,如果是那基本大功告成。
最后代碼上傳到Github上:https://github.com/woodstream/cordova-plugin-themeablebrowser咬荷,既可以參考冠句,也可以直接安裝該鏈接上的插件。