chromejs開發,chrome web開發

本文目錄一覽：

• 1、chrome 插件 只能用 javascript 開發？
• 2、chrome 如何調試js
• 3、chrome如何添加js插件

chrome 插件 只能用 javascript 開發？

可以用NPAPI（具體如何實現我沒用過，一般直接用js就能完成，NPAPI可以使用dll，dll應該可以多種語言開發）：

使用HTML和JavaScript開發新擴展是十分容易的事情，不過如果你想在擴展中重用已經開發完成的代碼和功能，你可以通過使用NPAPI插件到達目的。NPAPI插件使JavaScript代碼能夠調用本地二進制代碼。

NPAPI 是重型武器，當別的方法無法到達你的目的時，才建議使用

在你的擴展中包含一個NPAPI插件是一件危險的事情。因為NPAPI插件擁有訪問你本地機器的完全權限而不受控制。如果你的插件不夠健壯，包含漏洞，黑客可以通過溢出攻擊利用漏洞來安裝惡意軟件到用戶的機器。 有鑒於此，請儘可能的避免在擴展中使用NPAPI插件。

如果單純允許訪問本地文件，試試在manifest.json文件中聲明“permissions”:[“*”]

以支持本地文件讀取，聲明後你試試用AJax能不能獲取到本地文件

Java應該是不行的，因為java運行必須有Java虛擬機

chrome 如何調試js

是可以調試js的。

使用的工具：谷歌瀏覽器、測試的網站；

可以按照下面的方法進行調試：

1、f12 打開開發者工具，控制台介紹：

Elements：頁面元素，可以進行編輯，保存後實時查看頁面效果；

Network： 查看js模擬的http請求，例如下圖中修改購物車中商品數量，可以實時的看到請求地址，直接上圖。

2、點擊請求地址，會把請求的頭信息和響應信息等數據展示出來，此處非常便捷，展示樣式比firebug更直觀，直接上圖，可以點擊查看頭信息，preview，響應信息，cookie，timeline對我們有用的。注意，preview是此處模擬http請求的發送數據，直接預覽出來了。

3、Sources：次功能是js頁面調試中最突出的功能，上圖。

功能介紹：左側sources目錄可以展開，查看加載本頁面所調用的資源，如js，css，php。此處先介紹斷點調試，可以順序的看到程序的執行過車，勾選右側的Any XHR 按鈕，上圖。

4、一步一步執行，如添加數量的時候，可以看到右側的call stock進程，可以看到此處出發了js中changePrice()函數，在此處我們可以進行邏輯分析了。或則在代碼行處單擊設置斷點，英文選項是add breakpoints，單擊右擊都可以，最是好用，上圖。

5、可以查看你設置的所有斷點，右側展開，如圖，斷點調試用的比較多，當然了還可以在js里直接寫代碼，查看實時數據變化，查看要注意ctrl+s 保存操作。

6、Timeline：次功能是查看頁面性能，頁面渲染速度的，一般是用不到的。測試人員可以查看，圖中展示一些性能參數供參考，上圖。

Profile：次功能主要測試加載文件速度參考，可以在此處上傳我們的文件供測試用。點擊 Load上傳即可，一般用不着。

備註：Console：此功能是模擬js控制台，直接寫代碼，查看結果。高級功能使用時開啟斷點，查看變量的變化過程。還可以條用函數。

chrome如何添加js插件

如果有科學上網軟件，在谷歌瀏覽器上安裝插件是步驟最簡單的方法。只需要在下載安裝、更新的時候需要科學上網設置，以後使用都不需要。請注意: 科學上網時，chrome添加js插件的操作步驟如下：

1) 需要退出亞馬遜店鋪登陸，退出（log out)；

2) 啟用科學上網軟件，點擊下載：JS插件-Chrome網上應用商店；點擊“添加至Chrome”（Add to Chrome）按鈕安裝即可；

3）關閉翻牆以後，清除cookie；

4）繼續登陸店鋪即可。

注意事項：如果下載過程中出現報錯，可以更換科學上網節點；如果電腦上沒有店鋪的話，忽略登錄/退出店鋪的操作。

想要了解更多有關js插件的相關信息，推薦諮詢Jungle Scout。作為亞馬遜官方認證的第三方服務商，全球超火的亞馬遜選品運營工具的Jungle Scout，利用JS插件和Jungle Scout網頁版來開發產品，擴張FBA業務，幫助賣家規避選品風險，提高利潤！JS插件（Chrome Extension），是亞馬遜賣家圈中的第一款明星產品，功能強大、設計簡單，賣家可以一鍵查看現有產品的銷量、競爭程度以及歷史銷售趨勢。