Chrome外掛程式開發練習 還未完成

2021-09-01 17:40:40 字數 3064 閱讀 3103

manifest.json的內容:

,

"permissions" : [

""]}

popup.js的內容

(function(cityname)

var wholeurl = prefixurl + citycode + surfix;

var configuration = ;

$.ajax(configuration);

})('dalian');

/** *

* @param data

* @param textstatus

*/function successcallback(data, textstatus)

}function errorcallback(request, textstatus, errorthrown)

popup.html的內容:

日期天氣現象

氣溫風向

風力

popup.css的內容:

.container 

.forecast-table

.forecast-table tr

.forecast-table tr td

.forecast-table .title-row td

.forecast-table .title-row .date-title

.forecast-table .title-row .phenomena-title

.forecast-table .title-row .temperature-title

.forecast-table .title-row .wind-direction-title

.forecast-table .title-row .wind-force-title

返回的資料的結構:

object 

weatherinfo: object

city: "大連"

city_en: "dalian"

cityid: "101070201"

date: ""

date_y: "2023年5月22日"

fchh: "11"

fl1: "4-5級"

fl2: "4-5級"

fl3: "4-5級"

fl4: "4-5級"

fl5: "4-5級轉5-6級"

fl6: "5-6級轉4-5級"

fx1: "東風"

fx2: "東南風"

img1: "1"

img2: "99"

img3: "1"

img4: "2"

img5: "1"

img6: "99"

img7: "1"

img8: "99"

img9: "2"

img10: "7"

img11: "7"

img12: "1"

img_single: "1"

img_title1: "多雲" // 今天白天的天氣

img_title2: "多雲" // 今天晚上的天氣

img_title3: "多雲" // 明天白天的天氣

img_title4: "陰" // 明天晚上的天氣,依次類推

img_title5: "多雲"

img_title6: "多雲"

img_title7: "多雲"

img_title8: "多雲"

img_title9: "陰"

img_title10: "小雨"

img_title11: "小雨"

img_title12: "多雲"

img_title_single: "多雲"

index: "較舒適"

index48: "較舒適"

index48_d: "建議著薄外套、開衫牛仔衫褲等服裝。年老體弱者應適當新增衣物,宜著夾克衫、薄毛衣等。"

index48_uv: "最弱"

index_ag: "易發"

index_cl: "較適宜"

index_co: "舒適"

index_d: "建議著薄外套、開衫牛仔衫褲等服裝。年老體弱者應適當新增衣物,宜著夾克衫、薄毛衣等。"

index_ls: "適宜"

index_tr: "很適宜"

index_uv: "弱"

index_xc: "較不宜"

st1: "20"

st2: "12"

st3: "21"

st4: "12"

st5: "20"

st6: "13"

temp1: "20℃~13℃"

temp2: "22℃~15℃"

te***: "21℃~15℃"

temp4: "20℃~14℃"

temp5: "19℃~14℃"

temp6: "19℃~15℃"

tempf1: "68℉~55.4℉"

tempf2: "71.6℉~59℉"

tempf3: "69.8℉~59℉"

tempf4: "68℉~57.2℉"

tempf5: "66.2℉~57.2℉"

tempf6: "66.2℉~59℉"

weather1: "多雲" // 今天的天氣

weather2: "多雲轉陰" // 明天的天氣,依次類推

weather3: "多雲"

weather4: "多雲"

weather5: "陰轉小雨"

weather6: "小雨轉多雲"

week: "星期三"

wind1: "東風轉東南風4-5級"

wind2: "東南風轉南風4-5級"

wind3: "東北風轉東南風4-5級"

wind4: "東南風4-5級"

wind5: "東南風4-5級轉5-6級"

wind6: "東北風5-6級轉4-5級"

__proto__: object

__proto__: object

Chrome 外掛程式開發(序)

自從接觸到 chrome 以來,一直對它情有獨鍾。作為乙個普通使用者,介面簡潔 速度快 安全 應用豐富,無疑是很好的體驗。然而,作為乙個應用程式開發者而言,原始碼開放 強大的開發團隊 持續不斷的完善更新 豐富的開發者支援,沒有理由不去關注它。雖說自己還是乙個十足的應用程式開發新手,但一直渴望能涉獵像...

chrome 外掛程式初學開發

這兩天學習了chrome的外掛程式開發,發現寫外掛程式是個很有意思的事情,可以很輕鬆的滿足很多日常的小需求。提高工作效率。下面簡單分享下這兩天寫的兩個外掛程式以及背後的需求點。外掛程式1 automan小工具 需求 公司測試團隊automan經常需要用jquery的選擇器來定位頁面的元素,但測試人員...

chrome外掛程式的開發

一,chrome瀏覽器外掛程式開發 自動登入 二,chrome瀏覽器外掛程式開發 關於案例 以下文章也很不錯 一,chrome 擴充套件開發教程 1 hello chrome 二,chrome 擴充套件開發教程 2 background的用法 三,chrome 擴充套件開發教程 3 content ...