diff options
Diffstat (limited to 'files/fi/mozilla/add-ons/webextensions/what_are_webextensions/index.html')
| -rw-r--r-- | files/fi/mozilla/add-ons/webextensions/what_are_webextensions/index.html | 60 |
1 files changed, 60 insertions, 0 deletions
diff --git a/files/fi/mozilla/add-ons/webextensions/what_are_webextensions/index.html b/files/fi/mozilla/add-ons/webextensions/what_are_webextensions/index.html new file mode 100644 index 0000000000..8a1eddb4b3 --- /dev/null +++ b/files/fi/mozilla/add-ons/webextensions/what_are_webextensions/index.html @@ -0,0 +1,60 @@ +--- +title: What are extensions? +slug: Mozilla/Add-ons/WebExtensions/What_are_WebExtensions +translation_of: Mozilla/Add-ons/WebExtensions/What_are_WebExtensions +--- +<div>{{AddonSidebar}}</div> + +<div class="blockIndicator note"> +<p>Jos olet jo perehtynyt selainlaajennusten peruskäsitteisiin, ohita tämä osa <a href="/en-US/docs/Mozilla/Add-ons/WebExtensions/Anatomy_of_a_WebExtension">nähdäksesi, kuinka laajennustiedostot kootaan</a> . Käytä sitten <a href="/en-US/docs/Mozilla/Add-ons/WebExtensions#Reference">lähdeteos</a> alkaa rakentaa laajennus. Käy <a href="https://extensionworkshop.com/?utm_source=developer.mozilla.org&utm_medium=documentation&utm_campaign=your-first-extension">Firefox Extension Workshopissa</a> saadaksesi lisätietoja <a href="https://extensionworkshop.com/?utm_source=developer.mozilla.org&utm_medium=documentation&utm_campaign=your-first-extension">Firefoxin</a> testauksen, julkaisemisen ja laajennusten työnkulusta.</p> +</div> + +<p>Laajennus lisää ominaisuuksia ja toimintoja selaimeen. Se on luotu käyttämällä tuttuja verkkopohjaisia tekniikoita - HTML, CSS ja JavaScript. Se voi hyödyntää samoja web-sovellusliittymiä kuin verkkosivun JavaScript, mutta laajennuksella on myös pääsy omiin JavaScript-sovellusliittymiensä sarjoihin. Tämä tarkoittaa, että voit tehdä paljon enemmän laajennuksessa kuin koodilla verkkosivulla. Tässä on vain muutama esimerkki asioista, joita voit tehdä:</p> + +<p><strong>Paranna tai täydennä verkkosivustoa</strong> : Käytä lisäosaa toimittaa lisää selaimen sisäisiä ominaisuuksia tai tietoja verkkosivustoltasi. Anna käyttäjien kerätä tietoja vierailemiltasi sivuilta parantamaan tarjoamaasi palvelua.</p> + +<p><img alt="" src="https://mdn.mozillademos.org/files/15808/Amazon_add_on.png"></p> + +<p>Esimerkkejä: <a href="https://addons.mozilla.org/en-US/firefox/addon/amazon-browser-bar/">Amazon Assistant Firefoxille</a> , <a href="https://addons.mozilla.org/en-US/firefox/addon/onenote-clipper/">OneNote Web Clipper</a> ja <a href="https://addons.mozilla.org/en-US/firefox/addon/grammarly-1/">Grammarly Firefoxille</a></p> + +<p><strong>Anna käyttäjien näyttää persoonallisuutensa</strong> : Selainlaajennukset voivat manipuloida verkkosivujen sisältöä; esimerkiksi antaa käyttäjien lisätä suosikkilogonsa tai -kuvansa taustaksi jokaiselle vierailemalleen sivulle. Laajennusten avulla käyttäjät voivat myös päivittää Firefox-käyttöliittymän ulkoasun samalla tavalla kuin erilliset <a href="https://developer.mozilla.org/en-US/Add-ons/Themes/Theme_concepts">teeman lisäosat</a> .</p> + +<p><img alt="" src="https://mdn.mozillademos.org/files/15809/MyWeb_New_Tab_add_on.png" style="height: 398px; width: 540px;"></p> + +<p>Esimerkkejä: <a href="https://addons.mozilla.org/en-US/firefox/addon/myweb-new-tab/">MyWeb New Tab</a> , <a href="https://addons.mozilla.org/en-US/firefox/addon/tabliss/">Tabliss</a> ja <a href="https://addons.mozilla.org/en-US/firefox/addon/vivaldifox/">VivaldiFox</a></p> + +<p><strong>Lisää tai poista sisältöä verkkosivuilta</strong> : Voit auttaa käyttäjiä estämään häiritseviä mainoksia verkkosivuilta, tarjoamaan pääsyn matkaoppaaseen aina, kun maa tai kaupunki mainitaan verkkosivulla, tai alustamaan sivun sisältö uudelleen yhtenäisen lukukokemuksen tarjoamiseksi. Kyky käyttää ja päivittää sekä sivun HTML: ää että CSS: ää laajennusten avulla käyttäjät voivat nähdä verkon haluamallaan tavalla.</p> + +<p><img alt="" src="https://mdn.mozillademos.org/files/15807/ublock_origin_add_on.png" style="height: 480px; width: 640px;"></p> + +<p>Esimerkkejä: <a href="https://addons.mozilla.org/en-US/firefox/addon/ublock-origin/">uBlock Origin</a> , <a href="https://addons.mozilla.org/en-US/firefox/addon/reader/">Reader</a> ja <a href="https://addons.mozilla.org/en-US/firefox/addon/toolbox-google-play-store/">Toolbox for Google Play Store ™</a></p> + +<p><strong>Lisää työkaluja ja uusia</strong> selausominaisuuksia: Lisää uusia ominaisuuksia tehtäväpalkkiin tai luo QR-koodikuvia URL-osoitteista, hyperlinkeistä tai sivutekstistä. Joustavien käyttöliittymäasetusten ja <a href="/en-US/Add-ons/WebExtensions">WebExtensions-sovellusliittymien tehon avulla</a> voit helposti lisätä uusia ominaisuuksia selaimeen. Ja voit parantaa melkein minkä tahansa verkkosivuston ominaisuuksia tai toimintoja, sen ei tarvitse olla verkkosivustosi.</p> + +<p><img alt="" src="https://mdn.mozillademos.org/files/15806/QR_Code_Image_Generator_add_on.png"></p> + +<p>Esimerkkejä: <a href="https://addons.mozilla.org/en-US/firefox/addon/swimlanes-for-trello/">Trello-</a> ja <a href="https://addons.mozilla.org/en-US/firefox/addon/tomato-clock/">tomaattikellon </a><a href="https://addons.mozilla.org/en-US/firefox/addon/swimlanes-for-trello/">uimarannat</a></p> + +<p><strong>Pelit</strong> : Tarjoa perinteisiä tietokonepelejä offline-pelitoiminnoilla tai tutustu uusiin pelimahdollisuuksiin; esimerkiksi sisällyttämällä pelattavuus jokapäiväiseen selaamiseen.</p> + +<p> <img alt="" src="https://mdn.mozillademos.org/files/15805/Asteroids_in_Popup_add_on%20.png" style="height: 438px; width: 700px;"></p> + +<p>Esimerkkejä: <a href="https://addons.mozilla.org/en-US/firefox/addon/asteroids-in-popup/">Asteroidit ponnahdusikkunassa</a> , <a href="https://addons.mozilla.org/en-US/firefox/addon/solitaire-card-game-new-tab/">pasianssin korttipeli Uusi välilehti</a> ja <a href="https://addons.mozilla.org/en-US/firefox/addon/2048-prime/">2048 Prime</a> .</p> + +<p><strong>Lisää kehitystyökaluja</strong> : Voit tarjota verkkokehitystyökaluja yrityksesiä tai kehittää hyödyllisen tekniikan tai lähestymistavan verkkokehitykseen, jonka haluat jakaa. Joko niin, voit parantaa sisäänrakennettuja Firefox-kehittäjätyökaluja lisäämällä uuden välilehden kehittäjän työkalupalkkiin.</p> + +<p><img alt="" src="https://mdn.mozillademos.org/files/15804/aXe_Developer_Tools_add_on.png" style="height: 261px; width: 700px;"></p> + +<p>Esimerkkejä: <a href="https://addons.mozilla.org/en-US/firefox/addon/web-developer/">Web Developer</a> , <a href="https://addons.mozilla.org/en-US/firefox/addon/react-devtools/">Web React Developer Tools</a> ja <a href="https://addons.mozilla.org/en-US/firefox/addon/axe-devtools/">ax Developer Tools</a></p> + +<p>Firefoxin laajennukset rakennetaan <a href="/en-US/Add-ons/WebExtensions">WebExtensions API: illa</a> , joka on selainten välinen järjestelmä laajennusten kehittämiseksi. Suurelta osin sovellusliittymä on yhteensopiva <a class="external external-icon" href="https://developer.chrome.com/extensions">laajennussovellusliittymän kanssa,</a> jota Google Chrome ja Opera tukevat. Näille selaimille kirjoitetut laajennukset toimivat useimmissa tapauksissa Firefoxissa tai Microsoft Edgessä vain muutamalla <a href="/en-US/docs/Mozilla/Add-ons/WebExtensions/Porting_a_Google_Chrome_extension">muutoksella</a> . API on myös täysin yhteensopiva <a href="/en-US/Firefox/Multiprocess_Firefox">moniprosessisen Firefoxin kanssa</a> .</p> + +<p>Jos sinulla on ideoita tai kysyttävää tai tarvitset apua <a href="https://extensionworkshop.com/documentation/develop/porting-a-legacy-firefox-extension">vaeltavien legacy lisäosa WebExtensions API</a> , pääsette on <a class="external external-icon" href="https://mail.mozilla.org/listinfo/dev-addons">dev-lisät postituslistalle</a> tai <a href="https://chat.mozilla.org/#/room/#addons:mozilla.org">lisäosat huoneen</a> päälle <a href="https://wiki.mozilla.org/Matrix">Matrix</a> .</p> + +<h2 id="Mitä_seuraavaksi">Mitä seuraavaksi?</h2> + +<ul> + <li>Käy läpi yksinkertaisen laajennuksen kehittäminen <a href="/en-US/docs/Mozilla/Add-ons/WebExtensions/Your_first_WebExtension">ensimmäisessä laajennuksessa</a> .</li> + <li>Opi laajennuksen rakenteesta laajennuksen <a href="/en-US/docs/Mozilla/Add-ons/WebExtensions/Anatomy_of_a_WebExtension">anatomiassa</a> .</li> + <li>Kokeile esimerkkilaajennuksia <a href="/en-US/Add-ons/WebExtensions/Examples">esimerkkilaajennuksissa</a> .</li> +</ul> |