Sida Loo Sameeyo Kordhinta Chrome fudud

Samaynta kordhinta Chrome waa habraac cadaalad ah oo toos ah. Markaad dhammayso, waxaad awoodi doontaa inaad ku isticmaasho kumbuyuutarkaaga si aad kor ugu qaaddo sida browserku u shaqeeyo.

Waxa jira qaybo aasaasi ah oo browserku u baahan yahay ka hor inta aanu fidintu si buuxda u shaqayn. Waxan oo dhan hoos ayaan uga gudbi doonaa, oo ay ku jiraan sida loo helo kordhintaada caadada u ah in ay ku shaqeyso Chrome iyada oo aan loo baahnayn in la soo geliyo ama la wadaago cid kale.

Dhisidda kordhinta Chrome(Chrome) kakan waa nidaam aad uga faahfaahsan waxa aad hoos ku arki doonto, laakiin habka guud waa isku mid. Sii wad akhriska si aad u barato sida loo sameeyo kordhinta Chrome ka oo aad bilaabi karto isticmaalka maanta.

Talo(Tip) : Si aad u aragto sida cajiibka ah ee kordhintaada u noqon karto, fiiri kuwan cajiibka ah ee Chrome kordhinta(these amazing Chrome extensions) .

Sida Loo Sameeyo Kordhinta Chrome

Isticmaalka hagahan, waxaad samayn doontaa fidinta Chrome fudud oo taxaysa qaar ka mid ah mareegaha aad jeceshahay. Si buuxda ayaa loo beddeli karaa oo runtii way fududahay in la cusboonaysiiyo.

Waa tan waxa la sameeyo:

  • Samee gal hayn doona dhammaan faylasha ka kooban kordhinta
  • Samee faylalka salka ah ee kordhintan u baahan tahay: manifest.json , popup.html , background.html , styles.css .
  • Ku fur popup.html tafatiraha qoraalka ka dibna ku dheji dhammaan kuwan soo socda gudaha, adoo hubinaya inaad kaydiso markaad dhameysid.
<!DOCTYPE html>
<html>
   <head>
      <meta name="viewport" content="width=device-width, initial-scale=1">
      <title>Favorite Sites</title>
      <link rel="stylesheet" type="text/css" href="styles.css">
   </head>
<body>
   <ul id="myUL">
      <li><a href="https://helpdeskgeek.com/" target="_blank">Help Desk Geek</a></li>
      <li><a href="https://www.online-tech-tips.com/" target="_blank">Online Tech Tips</a></li>
      <li><a href="https://thebackroomtech.com/" target="_blank">The Back Room Tech</a></li>
   </ul>
</body>
</html>

Dareen(Feel) xor inaad wax ka beddesho isku xirka iyo qoraalka isku xirka, ama haddii aad rabto inaad u sameyso kordhinta Chrome sida saxda ah ee aan nahay, kaliya wax walba isku mid hay.

  • Ku fur manifest.json tifaftiraha qoraalka oo koobi/ dheji kuwan soo socda:

{
“update_url”: “https://clients2.google.com/service/update2/crx”,

"manifest_version": 2,
"name": "goobaha aan jeclahay", ( “name”: “Favorite Sites”,)
"sharaxaad": "Dhammaan mareegaha aan jeclahay.", ( “description”: “All my favorite websites.”,)
"nooca": "1.0", ( “version”: “1.0”,)
"icons": {
"16":"icon.png",
"32": "icon.png",
"48": "icon.png",
"128": "icon.png"
},

   "background": { 
        "bogga":"background.html" (        “page”:”background.html”)
},

    "browser_action": {
        "default_icon": "icon.png",
        "default_title" : "goobaha la jecel yahay", (        “default_title” : “Favorite Sites”,)
        "default_popup": "popup.html"
    }
}

Meelaha la cuni karo ee koodkan waxa ka mid ah magaca(name) , sharaxaada(description) , iyo default_title .

  • Fur styles.css oo ku dheji koodka soo socda. Tani waa waxa qurxinaya liiska soo baxay si ay uga dhigto mid aad u soo jiidasho leh in la eego oo xitaa ay fududahay in la isticmaalo.

#myUL {
liiska-qaabka: midna; (list-style-type: none;)
   suufka: 0; (   padding: 0;)
   xad: 0; (   margin: 0;)
   ballac: 300px; (   width: 300px;)
}

#myUL li a {
  border: 1px solid #ddd;
  margin-sare: -1px; (  margin-top: -1px;)
  background-color: #f6f6f6;
  suufka: 12px; (  padding: 12px;)
  Qurxinta qoraalka: midna; (  text-decoration: none;)
  cabbirka font: 18px; (  font-size: 18px;)
  midabka: madow; (  color: black;)
  bandhig: block; (  display: block;)
  font-qoyska: 'Noto Sans', sans-serif; (  font-family: ‘Noto Sans’, sans-serif;)
}

#myUL li a:hover:not(.header) {
   background-color: #eee;
}

Waxaa jira wax badan oo aad ka bedeli karto faylka CSS Ku ciyaar doorashadan kadib samaynta kordhinta Chrome -kaaga si aad ugu habayso sidaad jeceshahay.

  • U samee(Create) summada fidinta oo u magacow icon.png(icon.png) . Dhig gal galkaaga fidinta Chrome . Sida aad ku arki karto koodhka sare, waxaad samayn kartaa calaamad gaar ah cabbirradaas: 16 × 16 pixels, 32 × 32, iyo wixii la mid ah.

Talo: (Tip: )Google ayaa haysa macluumaad dheeraad ah(Google has more information) oo ku saabsan abuurista kordhinta Chrome . Waxaa jira tusaaleyaal kale iyo doorashooyin horumarsan oo ka baxsan tillaabooyinka fudud ee aan halkan ku soo bandhignay.

Sida Kordhinta Gaarka ah(Custom Extension) loogu daro Chrome

Hadda oo aad samaysay kordhinta Chrome -ka, waa waqtigii lagu dari lahaa browserka si aad dhab ahaantii u isticmaali karto dhammaan faylasha aad hadda samaysay. Ku rakibida kordhinta caadada ah waxay ku lug leedahay nidaam ka duwan sida aad u rakibi lahayd kordhinta caadiga ah ee Chrome(how you’d install a normal Chrome extension) .

  • Laga bilaabo menu-ka Chrome, u gudub qalabyo badan(More tools ) > Kordhiyo(Extensions) . Ama, ku qor chrome://extensions/ barta ciwaanka
  • Dooro batoonka ku xiga qaabka horumariyaha(Developer mode) haddii aan hore loo dooran. Tani waxay daari doontaa hab gaar ah oo kuu ogolaanaya inaad soo dejiso kordhinta Chrome -kaaga.(Chrome)

  • Isticmaal badhanka Load un packed ee sare ee boggaas si aad u dooratid galka aad samaysay intii lagu jiray Talaabada 1(Step 1) ee sare.

  • Aqbal dardaaran(Accept) kasta haddii aad aragto. Haddii kale, kordhintaada Chrome(Chrome) -ka ee sida gaarka ah loo dhisay waxay la soo muuqan doontaa kuwa kale ee aad ku leedahay geeska midig ee browserka.

Tafatirka Fidinta Chromekaaga

Hadda oo kordhinta Chrome -kaaga la adeegsan karo, waxaad samayn kartaa isbeddel si aad adigu u yeelato. 

Faylka styles.css ayaa maamula sida kordhintu u muuqato, si aad u habayn karto qaabka liiska oo aad u bedesho midabka ama nooca farta. W3Schools waa mid ka mid ah agabyada ugu wanaagsan ee lagu baran karo dhammaan waxyaabaha kala duwan ee aad ku samayn karto CSS .

Si aad u bedesho nidaamka shabakadaha ay ku qoran yihiin, ama lagu daro ama ka badan goobo ama meesha looga saaro kuwa jira, tafatir faylka popup.html. Kaliya iska hubi inaad wax ka beddelkaaga ku hayso URL iyo magaca oo keliya. Dhammaan jilayaasha kale, sida <li> iyo <html> , waa loo baahan yahay mana aha in la beddelo. Casharka HTML ee W3Schools(HTML Tutorial on W3Schools) waa meel fiican oo aad wax badan ka baran karto luqadaas.



Phoenix Schultz

About the author

Waxaan ahay injineer maqal ah oo xirfad leh oo leh khibrad 10 sano ka badan. Waxaan ka shaqeynayay warshadaha muusikada dhowrkii sano ee la soo dhaafay, waxaanan ku yeeshay sumcad xooggan gudaha goobtaas. Waxaan sidoo kale ahay koontada isticmaale ee khibrad sare leh iyo hawlwadeenka badbaadada qoyska. Mas'uuliyadahayga waxaa ka mid ah maaraynta xisaabaadka isticmaalaha, bixinta taageerada macaamiisha, iyo bixinta talooyinka badbaadada qoyska shaqaalaha.


Related posts