Tämä artikkeli on lisäys artikkeliin, joka koskee skriptien hämärtymistä. Tässä käsitellään salauksen ja pakkaamisen perusperiaatteita. heikkoja kohtia suojaukset, manuaaliset poistomenetelmät sekä yleiset työkalut pakkaajien automaattiseen poistamiseen ja liitteiden suojaukseen JavaScript-skripteistä. Viime aikoina yhä useammin lähde komentosarjat ovat salattuja tai pakattuja. Yandex, DLE ja muut suositut projektit alkoivat innostua tästä, ja kauniit tarinat "käyttäjistä huolehtimisesta", "liikenteen säästämisestä" ja muista hölynpölyistä näyttävät erittäin hauskoilta. No, jos jollain on jotain salattavaa, meidän tehtävämme on tuoda se esiin.
Aloitetaan teoriasta. JavaScript-suorituksen erityispiirteistä johtuen kaikilla salakirjoittimilla ja pakkaajilla on niiden monimuotoisuudesta huolimatta vain kaksi algoritmiversiota: tai vaihtoehtoisesti: Toista menetelmää käytetään useimmiten sivun lähdekoodin html-koodin sekä erilaisten troijalaisten suojaamiseen. syöttääksesi sivulle haitallista koodia, esimerkiksi piilotetun kehyksen. Molempia algoritmeja voidaan yhdistää, salauksen purkajan "hienotus" ja monimutkaisuus voivat olla mitä tahansa, vain itse periaate pysyy ennallaan.
Molemmissa tapauksissa käy ilmi, että toiminnot eval() Ja document.write() Täysin salatut tiedot lähetetään. Miten ne siepataan? Yritä vaihtaa eval() päällä hälytys(), ja avautuneessa MessageBoxissa näet välittömästi puretun tekstin. Jotkut selaimet mahdollistavat tekstin kopioimisen MessageBoxeista, mutta on parempi käyttää tätä puoliautomaattista dekooderia:
-
<
html
>
-
<
head
><
title
>JavaScript-dekooderi
-
<
body
>
-
<
script type
=
"text/javascript"
>
- // Toiminto salauksenpurkutulosten kirjoittamiseksi lokiin
-
funktiodekooderi (str) (
-
asiakirja. getElementById("dekoodattu" ). arvo += str + "\n" ;
-
-
-
<
textarea id
=
"decoded"
style
=
"width:900px; height:500px;"
>
-
<
script type
=
"text/javascript"
>
-
-
-
Otetaan esimerkiksi komentosarja Yandexistä; lähdekoodin tarkastelun jälkeen näemme jotain epäterveellistä:
Eval(funktio(p,a,c,k,e,r)(e=funktio(c)(return(c) c/a)))+((c=c%a)>35?String.fromCharCode(c+29):c.toString(36)));if(!
"".replace(/^/,String))(while(c--)r=k[c]||e(c);k=)];e=function())(paluu"\w+") ; c=1);kun taas(c--)if(k[c])
p=p.replace(new RegExp("\b"+e(c)+"\b","g"),k[c]);return p)("$.1e
.18=8(j)(3 k=j["6-9"]||"#6-9";3 l=j["6-L"]||.u-L";3 m=j ["6-L-17"]
||"";3 n=j["1d"]||0;$(5.2(.6-9").14("7");$(5.2(.6) -9").Z("7",8(
)(3 a=$(5).x();3 o=$(5).x();3 h=$(5).B("C");$(5).v("g -4");$(5.16(
$(k).q());3 t=$(o).2("15");3 c=$(o).2(.b-r");3 d=$(o).2 (.b-12");
[loput samat hölynpölyt leikataan pois]
Sanon heti, että tätä komentosarjaa käsittelee JavaScript Compressor, se on helppo tunnistaa sen allekirjoituksesta - funktion tyypillisestä nimestä komentosarjan alussa. Kopioi skriptin koko lähdeteksti, vaihda ensimmäinen eval päällä dekooderi, liitä se dekooderiin ja tallenna se html-sivuksi Avaa se millä tahansa selaimella ja katso, että pakkaamaton skripti ilmestyy välittömästi tekstialueelle. On liian aikaista iloita; kaikki rivinvaihdot ja koodin muotoilut on poistettu. Kuinka käsitellä tätä, on kirjoitettu deobfuskaatiota käsittelevässä artikkelissa.
Toinen esimerkki. Tässä on HTML Protector -ohjelmalla peitetty html-sivu. Tämä on sivu, joka esittelee ohjelman ominaisuuksia, joten siellä ovat kaikki vaihtoehdot käytössä: tekstin valinnan ja kopioinnin estäminen, hiiren oikean painikkeen poistaminen käytöstä, kuvien suojaaminen, tilapalkin piilottaminen, html-koodin salaus jne. Avataan lähdekoodi ja katsotaan. Yläosassa on jo tuttu document.write ja salattu komentosarja. Suoritamme sen dekooderin läpi, saamme toiminnon pääsisällön salauksen purkamiseksi:
Koodi (JavaScript):
-
hp_ok = tosi ;funktio hp_d01 (s )( ... leikkaa ... o = ar . liitä ("" )+ os ; dokumentti . kirjoittaa (o )
Korvaamme viimeisen document.write-funktion dekooderilla ja lisäämme sen jälkeen kaikki kolme jäljellä olevaa salattua skriptiä:
-
<
script type
=
"text/javascript"
>
- // Liitä ensin salattu komentosarja tähän
- // korvaa kaikki eval()- ja document.write()-kutsut komennolla decoder().
-
hp_ok = tosi ;funktio hp_d01 (s)( .... o = ar . join ("" )+ os ; dekooderi (o );
-
hp_d01 (unescape (">QAPKRV%22NCLEWC ....
-
hp_d01 (unescape ( ">QAPKRV%22NCLEWCEG? HctcQa ...
-
hp_d01 (unescape ( ">`mf(%22`eamnmp? !DDDDDD %22v ...
-
Mukavuuden vuoksi skriptejä ei anneta kokonaisuudessaan tässä artikkelissa, vaan sinun on kopioitava ne kokonaisuudessaan. Avaamme dekooderin selaimessa ja näemme ohjelman lisäämät suojausskriptit ja sivun puretun lähdetekstin. Mukavuuden vuoksi voit purkaa vain kolmannen komentosarjan, joka sisältää sivun html-koodin. Siinä kaikki suoja. Kuten näette, ei mitään monimutkaista. Muut HTML-sivujen suojaukset poistetaan samalla tavalla.
Siirrytään manuaalisesta salauksen purkamisesta automaattiseen salauksen purkamiseen. Ensimmäisen suojatyypin poistamiseksi muokkasin hieman jo tuntemaasi Beautify Javascript -skriptiä ja käänsin sen exe-tiedostoksi. Se käsittelee useimmat JavaScript-suojaukset ja kääreet, joita olen nähnyt ilman ongelmia.
Eval.JavaScript.Unpacker.1.1-PCL.rar (12 124 tavua)
Vaikeammissa tapauksissa sinun on käytettävä raskasta tykistöä. Tämä on ilmainen projekti, joka on suunniteltu tutkimaan troijalaisia ja muuta haitallista koodia. Koska kaikki tekijänoikeuksia suojaavat ohjelmat ovat selvästi haitallisia, Malzilla auttaa meitä torjumaan niitä. Lataa (tällä hetkellä se on 1.2.0), pura pakkauksesta, käynnistä. Avaa toinen Dekooderi-välilehti, liitä salatun skriptin koodi yläikkunaan, paina painiketta
Suorita skripti.
Kansiossa
eval_temp Kaikki eval()-funktioiden suorittamisen tulokset, mukaan lukien välivaiheet, lasketaan yhteen. Voit tarkastella niitä napsauttamalla painiketta
Näytä eval() tulokset, teksti avautuu alempaan ikkunaan. Se voidaan kopioida, liittää yläikkunaan ja heti alustaa napin painalluksella
Muotoile koodi. Dekooderin lisäksi Malzillassa on monia muita työkaluja ja asetuksia, joiden avulla on helppo poistaa suojaus JavaScript-skripteiltä.
Voit myös kiinnittää huomiota toiseen ilmaiseen työkaluun salattujen komentosarjojen kanssa työskentelemiseen - FreShow. Siinä on vähemmän toimintoja, mutta sillä on paikka olla. Sivuston ulkopuolelta voit ladata esittelyvideon, joka näyttää esimerkin ohjelman kanssa työskentelystä.
Kuten näet, suojauksen poistamisessa JavaScript-skripteiltä ja html-sivuilta ei ole mitään vaikeaa. Jatkatko edelleen ilkeiden "tekijänoikeuksien" puolustamista? Sitten mennään luoksesi!
Kaikkien kauniiden kuvien, täydellisen typografian ja upeasti sijoitettujen toimintakehotusten alla on sivustosi lähdekoodi.
Joka päivä selaimesi muuttaa tämän koodin vaikuttaviksi sivuiksi vierailijoillesi ja asiakkaillesi.
Google ja muut hakukoneet "lukevat" tämän koodin määrittääkseen, missä verkkosivujesi pitäisi näkyä niiden hakemistoissa tietyllä hakulauseke.
Siksi se on erittäin tärkeää Hakukoneoptimointi(SEO) sisältää sen, mikä on lähdekoodissa.
Tämä pikaopas näyttää, kuinka voit lukea sivustosi lähdekoodia, jotta voit olla varma hakukoneoptimoinnistasi ja opettaa sinulle, kuinka hakukoneoptimointitermit tarkistetaan.
Tarkastelemme myös muutamia muita tilanteita, joissa lähdekoodin tärkeimpien osien tarkastelu ja tutkiminen auttaa muissa markkinointitoimissa.
Kuinka tarkastella lähdekoodia.
Ensimmäinen askel sivustosi lähdekoodin tarkistamisessa on tarkastaa todellinen lähdekoodi. Millä tahansa selaimella voit tehdä tämän helposti.
Alla on näppäimistökomennot, joiden avulla voit tarkastella verkkosivusi lähdekoodia PC Ja Mac.
- Firefox - CTRL + U (Pidä CTRL-näppäintä painettuna ja paina "U"-näppäintä) Vaihtoehtoisesti voit siirtyä "Firefox"-valikkoon, napsauttaa "Web Developer" ja sitten "Page Source".
- Internet Explorer- CTRL + U. Tai napsauta oikealla painikkeella hiirellä ja valitse "Näytä lähde".
- Chrome - CTRL + U. Voit napsauttaa avainkuvaa, jossa on kolme vaakaviivaa oikeassa yläkulmassa. Napsauta sitten "Työkalut" ja valitse "Näytä lähde".
- Opera - CTRL + U. Voit myös napsauttaa Web-sivua hiiren kakkospainikkeella ja valita "Näytä sivun lähdekoodi".
Mac
- Safari - Pikanäppäin on Option + Command + U. Voit myös napsauttaa verkkosivua hiiren kakkospainikkeella ja valita Näytä sivun lähde.
- Firefox - Voit napsauttaa hiiren kakkospainikkeella ja valita "lähde" tai siirtyä "Työkalut"-valikkoon, valita "Web Developer" ja napsauttaa "Sivun lähde". Pikanäppäin on Ctrl + U.
- Chrome - Siirry kohtaan "Näytä", napsauta "kehittäjä" ja sitten "Näytä lähde". Voit myös napsauttaa hiiren kakkospainikkeella ja valita "Näytä sivun lähdekoodi". Pikanäppäin on Optio + Komento + U.
Kun osaat tarkastella lähdekoodia, sinun pitäisi tietää, kuinka etsiä sitä.
Tyypillisesti samat hakuominaisuudet, joita käytät verkkoa selatessasi, koskevat normaalisti myös lähdehakuja.
Komennot CTRL + F (etsi) auttavat sinua nopeasti tarkastelemaan tärkeiden SEO-elementtien lähdekoodia.
Otsikkotunnisteet.
Otsikkotunniste on SEO:n tärkein osa. Tämä on tärkein asia lähdekoodissa.
Jos aiot ottaa vain yhden arvokkaan asian tästä artikkelista, harkitse tätä:
Tiedätkö, nämä ovat Googlen antamat tulokset, kun haet jotain.
Kaikki nämä tulokset on otettu web-sivujen otsikkotunnisteista. Joten jos sinulla ei ole otsikkotunnisteita lähdekoodissasi, et välttämättä näy Googlessa (tai missään muussa hakukoneessa).
Usko tai älä, olen itse asiassa nähnyt verkkosivustoja ilman otsikkotunnisteita. Yritetään tehdä nopea Google-haku termillä " Markkinointioppaat". Mitä näemme: 
Näet blogin ensimmäisen hakutuloksen KISSmetrics luku Markkinointioppaat.
Jos seuraamme ensimmäisen hakutuloksen linkkiä ja katsomme sivun lähdekoodia, voimme nähdä otsikossa olevan tagin:
Otsikkotunniste ilmaistaan aloitustunnisteella:
</b>. ja päättyy sulkevaan tagiin: <b></ <i>otsikko</i>>
</b>. Otsikkotunniste sijaitsee yleensä osion lähdekoodin yläosassa <b><head>
</b>.
</i></p> <p>Ja voimme nähdä, että otsikkotunnisteen sisällä oleva sisältö vastaa tuloksen otsikossa käytettyä <a href="https://bakep.ru/fi/kak-vyiti-iz-akkaunta-v-prilozhenii-gmail-kak-na-androide-vyiti-iz-google-akkaunta-gmail.html">Google haku</a>.</p> <p>Mutta Googlen hakutuloksiin sisällytettäväksi ei tarvita vain otsikkotunnisteita.</p> <p>Google tunnistaa myös otsikkotunnisteiden sanat tärkeiksi avainsanoiksi, joiden se uskoo olevan olennaisia käyttäjien hauissa.</p> <p>Joten jos haluat saada tietyn verkkosivun sijoituksen tietystä aiheesta, sinun on parempi varmistaa, että aihetta kuvaavat sanat sisältyvät otsikkotunnisteeseen.</p> <p>On olemassa useita online-resursseja, joista voit saada lisätietoja siitä, miten <a href="https://bakep.ru/fi/a-set-of-tags-for-video-with-animals-how-to-learn-and-add-keywords-tags-for-youtube-in-video-per-channel.html">avainsanoja</a> ja otsikkotunnisteilla on tärkeä rooli sivustosi yleisessä arkkitehtuurissa.</p> <p>Tässä on joitain tärkeitä kohtia, joiden avulla voit muistaa otsikkotunnisteiden tärkeyden:</p> <ul><li>Varmista, että sinulla on vain yksi otsikkotunniste verkkosivua kohden.</li> <li>Varmista, että jokaisella sivustosi verkkosivulla on oma otsikkotunniste.</li> <li>Varmista, että jokainen sivustosi otsikkotunniste on ainutlaatuinen. Älä koskaan kopioi tietyn otsikkotunnisteen sisältöä.</li>
</ul><h3></h3> <p>Seuraava <a href="https://bakep.ru/fi/pesnya-dlya-roditelei-na-svadbe-pesnya-ot-roditelei-na-svadbe.html">tärkeä elementti</a> Web-sivusi pääosa on sisällönkuvauskenttä.</p> <p>Tämä on 160 merkin pituinen katkelma sisällöstäsi, joka näkyy otsikossasi hakukoneissa.</p> <p><img src='https://i0.wp.com/infobiz-tools.com/wp-content/uploads/2014/02/read-website.png' height="511" width="500" loading=lazy loading=lazy></p> <p>Olen nähnyt satoja sivustoja, jotka jättävät tämän tunnisteen kokonaan huomiotta. Se on erittäin helppo löytää lähdekoodista:</p> <p><img src='https://i0.wp.com/infobiz-tools.com/wp-content/uploads/2014/02/how-read1.png' width="100%" loading=lazy loading=lazy></p> <p>Joten tarkista ja varmista, että tämä tunniste on kaikilla sivustosi verkkosivuilla. Vielä tärkeämpää on, että et kopioi sitä useille sivuille.</p> <p>Metakuvaustunnisteen kopioiminen ei ole rangaistus hakukoneelle, mutta se on erittäin suuri markkinointivirhe.</p> <p>Monet ihmiset jättävät sisällönkuvaustunnisteen huomiotta, mutta sinun pitäisi todella työstää sitä, koska se luetaan <a href="https://bakep.ru/fi/tendencii-razvitiya-poiskovyh-sistem-poiskovye-sistemy-interneta-kakie.html">hakukone</a>.</p> <p>Mieti, kuinka sisällönkuvaustunniste auttaa houkuttelemaan lisää kävijöitä ja lisäämään kohdistettuja tuloksia sivustollesi.</p> HTML-koodi on pohjimmiltaan itse sivusi; se määrittää tarkalleen, kuinka sivustosi rakennetaan ja näytetään käyttäjän näytöllä. Tämä koodi on pääsääntöisesti avoin, mikä tarkoittaa, että kuka tahansa käyttäjä voi helposti nähdä ja lukea sen. Jos syystä tai toisesta et halua kenenkään niin <b>oli pääsy koodiisi</b>, Sinä pystyt . Tämä edellyttää erityisen algoritmin luomista <b>koodaa koodisi</b>, eli se piilottaa ensisijaisen ulkoasunsa, jolloin sivuston käyttäjät eivät pääse siihen. <h2>Milloin ja kuka sitä voi tarvita?</h2>Ehdottomasti kuka tahansa verkkovastaava tai verkkosivuston omistaja voi tehdä tämän salauksen. Kysymys kuuluu, missä määrin tämä on perusteltua ja tarpeellista. Jos sinulla on esimerkiksi tavallinen aloitussivu, joka on tehty mallipohjalla ja joka ei eroa muista, koodaamisessa ei ole mitään järkeä, koska tällainen malli on jo julkisesti saatavilla. Tässä tapauksessa on epätodennäköistä, että kukaan kopioi ja tutkii koodiasi. Mutta jos sinulla on verkkosivusto, jolla on ainutlaatuinen muotoilu, olet työskennellyt sen parissa pitkään ja huolella tai maksoi siitä paljon rahaa, niin koodia kannattaa silti miettiä. On hyvin usein tapauksia, joissa omistajalla on verkkosivusto, johon on panostettu paljon vaivaa, aikaa ja rahaa, ja jonkin ajan kuluttua tavalla tai toisella hän löytää täsmälleen saman verkkosivuston, jolla on sama muotoilu ja rakenne, mutta toisella verkkotunnuksella ja isännöinnillä. Hyvin usein käyttäjät itse kertovat tämän kommenteissa sivustojen omistajille. Tässä tapauksessa voimme turvallisesti päätellä, että joku yksinkertaisesti <b>kopioinut HTML-koodin</b> sivustollesi ja käynnisti sen omassani. <h2>Mitä sinun pitäisi tehdä suojellaksesi itseäsi?</h2>Ei ole niin helppoa suojautua tilanteilta, joissa kopioidaan ja käytetään jonkun toisen HTML-koodia ilman lupaa. Ja yleensä, jos henkilö on jo nähnyt sivustosi, hän voi kopioida sen jopa ilman koodia, jos hänellä on tiettyjä tietoja verkkokehityksen alalla. Mutta itse HTML-koodin osalta se voidaan salata. Tämä toimii erityisen javascript-skriptin perusteella. Työkalumme avulla voit... Tässä tapauksessa luodaan erityinen komentosarja, joka on tarkoitettu salauksen purkamiseen. Se toimii yksinkertaisesti: kun vierailija menee sivustollesi, siihen ladataan salattu koodi, jota hän ei ymmärrä. Samalla käynnistetään luotu javascript, joka purkaa koodin ja näyttää sivuston käyttäjän näytöllä. Samaan aikaan vierailija itse ei voi nähdä oikeaa koodia. Tällä menetelmällä on kuitenkin myös pieni haittapuoli. On käyttäjiä, joiden selaimet eivät salli javascriptin suorittamista sivustolla; tässä tapauksessa komentosarja ei käynnisty, eikä HTML-koodin salausta pureta eikä sivustoa näytetä. Mutta älä ole järkyttynyt, tällaiset selainasetukset ovat erittäin harvinaisia, voimme sanoa, että 99% selaimista sallii JavaScriptin suorittamisen. <h2>Kuinka tehdä se?</h2>Tämä voidaan tehdä hyvin yksinkertaisesti käyttämällä työkaluamme. Sinun tarvitsee vain liittää HTML-koodisi tämän sivun kenttään ja aloittaa salaus napsauttamalla painiketta. Tämän seurauksena toiseen kenttään saat jo salatun koodin, jota voidaan jo käyttää suoraan verkkosivustollasi. 1 ääni <p>Hyvää päivää rakkaat blogini lukijat. Joskus löydät verkkosivustolta kauniin ominaisuuden ja alat ihmetellä, kuinka luoja on saanut niin mielenkiintoisen vaikutuksen.</p> <p>Osoittautuu, että vastaus on melko yksinkertainen. Ja jos sinulla on taitoja, voit kerätä paljon näitä ominaisuuksia ja luoda oman ainutlaatuisen verkkosivustosi lyhyessä ajassa.</p> <p>Tänään puhumme sivun, tietyn elementin koodin avaamisesta ja opimme käyttämään tätä taitoa hyödyksesi.</p> <h2><span>Koodin perustiedot</span></h2> <p>Sivustoni on tarkoitettu aloittelijoille ja haluaisin aluksi puhua lyhyesti sivustoista ja koodista yleisesti.</p> <p><img src='https://i2.wp.com/start-luck.ru/wp-content/uploads/cit1-75-537x292.jpg' align="center" width="100%" loading=lazy loading=lazy></p> <p>Piirrä kuva ja leikkaa se pieniksi osiin kirjoittamalla koodi niin, että selain kokoaa kaikki elementit yhdeksi kokonaisuudeksi. Näyttääkö kaikki kovin monimutkaiselta? Ei ollenkaan, eikä siitä ole mitään järkeä surra.</p> <p>Näin syntyy laadukkaita verkkosivustoja. Jos haluat, puutu tähän asiaan ja opi sitä; jos et halua, kukaan ei voi pakottaa sinua.</p> <p>Sanon vain yhden asian... ei ole mukavampaa kuin nähdä kuinka kirjoittamasi käsittämättömät sanat muuttuvat yhdeksi kokonaisuudeksi ja heräävät henkiin: linkit toimivat, painikkeet liikkuvat, kuvat liikkuvat, teksti ryömii. Luulen tietäväni, miltä Victor Frankenstein tuntui.</p> <p>Kun alat ymmärtää salaisen kielen ja huomaat, että kaikki on itse asiassa paljon yksinkertaisempaa kuin aluksi näytti, et voi muuta kuin uskoa omiin vahvuuksiisi ja aivojen kykyihisi. Tämä on erittäin siistiä.</p> <p>Miten verkkosivut tehdään? Ihannetapauksessa ensin. Hän vain maalaa kuvan. Esimerkiksi kuten alla olevassa kuvassa näkyy. Toistaiseksi se on vain kuva, valokuva. Mikään linkki ei toimi, kun klikkaat et mene minnekään, hakua ei tehdä.</p> <p><img src='https://i2.wp.com/start-luck.ru/wp-content/uploads/Screenshot_1-46.jpg' align="center" width="100%" loading=lazy loading=lazy></p> <p>Tämän piirustuksen mukaan. Katso alla olevaa kuvakaappausta. Saatat ajatella, että tämä on naurettava ja erittäin monimutkainen symbolijoukko. Itse asiassa kaikki ei ole niin monimutkaista, on olemassa tietty algoritmi.</p> <p>Tunnisteita on vain noin 150, ja jokainen niistä vastaa tietystä toiminnosta: linkki, tavutus, lihavoitu, väri, otsikko ja niin edelleen. Niiden ymmärtäminen ei ole niin vaikeaa, jos sinulla on halua ja et välitä ajasta.</p> <p><img src='https://i0.wp.com/start-luck.ru/wp-content/uploads/Screenshot_2-43.jpg' align="center" width="100%" loading=lazy loading=lazy></p> <p>Näiden ominaisuuksien tuntemuksen ansiosta voit ratkaista melkein minkä tahansa ongelman. Mutta jokainen kehittäjä löytää omat keinonsa saavuttaa tavoite.</p> <p>Kokeneet tekijät näkevät heti, kuinka saavuttaa tuloksia, kun taas muiden on mietittävä, etsittävä vastaus artikkeleista tai kilpailijoiden lähdekoodista. He yksinkertaisesti ottavat tarvittavan osan kolmannen osapuolen sivustolta ja muokkaavat sitä itse. Tämä lyhentää merkittävästi työprosessia.</p> <p>Vähän myöhemmin näytän sinulle <a href="https://bakep.ru/fi/zarabatyvayut-li-bloggery-na-yutube-i-skolko-skolko-mozhno-zarabotat-na.html">konkreettinen esimerkki</a>.</p> <h2>Katso koodi</h2> <p>Joten haluan ensin näyttää sinulle, kuinka toimia, jos sinun on selvitettävä jonkun muun html. Sitten tarkastellaan kaikkia muita kysymyksiä yksityiskohtaisemmin.</p> <h3><span>Paras tapa</span></h3> <p>Menetelmä, jonka kuvaan ensin, on hieman monimutkainen aloittelijoille, mutta lue se johdannona. Avaa sivu ja napsauta hiiren oikeaa painiketta. Valitse "Tallenna nimellä..."</p> <p><img src='https://i2.wp.com/start-luck.ru/wp-content/uploads/Screenshot_2-1-1.jpg' align="center" width="100%" loading=lazy loading=lazy></p> <p>Tallenna koko verkkosivu. Kuten kuvakaappauksesta näet, olen jo ladannut kaiken etukäteen. Tässä meillä on kaksi kansiota.</p> <p><img src='https://i0.wp.com/start-luck.ru/wp-content/uploads/Screenshot_2-2-1.jpg' align="center" width="100%" loading=lazy loading=lazy></p> <p>Kaikki mitä tarvitset on täällä. Jokainen elementti. Jos ymmärrät tämän, saat nopeasti kaiken tarvitsemasi. Mutta tällaisesta tehtävästä tulee yhä mahdottomaksi. Ei latausta. Mitä tehdä, jos sivun kopioiminen on kiellettyä?</p> <h3><span>Tämä on Google Chrome</span></h3> <p>Kuten olet ehkä jo huomannut, käytän useimmiten <a href="https://bakep.ru/fi/ispolzuem-google-cloud-print-bez-google-chrome-chto-takoe-virtualnyi-printer.html">Google Chrome</a> ja jonkun muun koodin oppiminen tällä selaimella on yhtä helppoa kuin päärynöiden kuoriminen. Kuten periaatteessa kaikki muutkin. Kaava ei ole vain samanlainen, vaan myös identtinen. Avaa sivu, jonka koodin haluamme tietää, ja napsauta hiiren kakkospainikkeella mitä tahansa. Napsauta näkyviin tulevassa ikkunassa "Näytä sivukoodi".</p> <p><img src='https://i2.wp.com/start-luck.ru/wp-content/uploads/Screenshot_3-40.jpg' align="center" width="100%" loading=lazy loading=lazy></p> <p>Koodiarkki avautuu uuteen ikkunaan, jota aloittelijan on melko vaikea ymmärtää. Mutta älä huolestu etukäteen.</p> <p><img src='https://i1.wp.com/start-luck.ru/wp-content/uploads/Screenshot_4-36.jpg' align="center" width="100%" loading=lazy loading=lazy></p> <p>Jos haluat tietää vain yhden elementin koodin, vie hiiri sen päälle ja napsauta hiiren kakkospainikkeella. Valitse toinen Chrome-toiminto: "Näytä elementtikoodi".</p> <p>Minua voisi esimerkiksi kiinnostaa kuinka logo on tehty, käyttäen kuvaa tai ohjelmointikieltä? Loppujen lopuksi voit piirtää neliön <a href="https://bakep.ru/fi/how-to-align-the-right-edge-of-the-html-align-text-with-padding-css.html">css apua</a>. Monet asiantuntijat neuvovat kirjoittamaan mahdollisimman paljon tietoa koodiin. Kuinka ne toimivat suosituilla sivustoilla?</p> <p><img src='https://i2.wp.com/start-luck.ru/wp-content/uploads/Screenshot_5-33.jpg' align="center" width="100%" loading=lazy loading=lazy></p> <p>Nyt tarvittava tieto on ilmestynyt. html päällä, css alhaalla. Nämä ovat kaksi kieltä. Ensimmäinen vastaa tekstikomponentista ja toinen suunnittelusta. Jos CSS:ää ei olisi, sinun on määritettävä väri ja kirjasinkoko joka kerta. Jokaisella sivulla tämä on erittäin pitkä. Mutta jos ei olisi html:ää, meillä ei olisi tekstejä. Selitin sen karkeasti, mutta yleisesti ottaen näin se on.</p> <p>Muuten, jos olet kiinnostunut sen toiminnasta täällä, voit katsoa alla olevan kuvan linkin. Tässä on vastauksesi.</p> <p><img src='https://i2.wp.com/start-luck.ru/wp-content/uploads/Screenshot_6-33.jpg' align="center" width="100%" loading=lazy loading=lazy></p> <h3>Mozilla Firefox</h3> <p>Jos haluat työskennellä mastiksilla, kaikki on täsmälleen sama. Avaa sivu ja napsauta hiiren oikeaa painiketta. "Sivun lähdekoodi", jos haluat nähdä koko koodin.</p> <p><img src='https://i1.wp.com/start-luck.ru/wp-content/uploads/Screenshot_7-32.jpg' align="center" width="100%" loading=lazy loading=lazy></p> <p>Kun viet hiiren elementin päälle, voit avata sen koodin.</p> <p><img src='https://i0.wp.com/start-luck.ru/wp-content/uploads/Screenshot_8-29.jpg' align="center" width="100%" loading=lazy loading=lazy></p> <p>Täällä tiedot näkyvät näytön alareunassa, mutta muuten kaikki on täsmälleen sama.</p> <p><img src='https://i2.wp.com/start-luck.ru/wp-content/uploads/Screenshot_9-29.jpg' align="center" width="100%" loading=lazy loading=lazy></p> <h3>Yandex selain</h3> <p>Yandex-selaimessa kaikki on täsmälleen sama kuin kahdessa edellisessä vaihtoehdossa, avaa sivu, napsauta hiiren kakkospainikkeella, katso sivukoodi.</p> <p><img src='https://i0.wp.com/start-luck.ru/wp-content/uploads/Screenshot_10-27.jpg' align="center" width="100%" loading=lazy loading=lazy></p> <p>Siirrämme osoittimen elementin päälle, jos haluamme selvittää tarkalleen sen koodin.</p> <p><img src='https://i0.wp.com/start-luck.ru/wp-content/uploads/Screenshot_11-27.jpg' align="center" width="100%" loading=lazy loading=lazy></p> <p>Kaikki näkyy täällä täsmälleen samalla tavalla kuin Chromessa.</p> <p><img src='https://i0.wp.com/start-luck.ru/wp-content/uploads/Screenshot_12-25.jpg' align="center" width="100%" loading=lazy loading=lazy></p> <h3>Ooppera</h3> <p>Ja lopuksi Opera.</p> <p><img src='https://i0.wp.com/start-luck.ru/wp-content/uploads/Screenshot_13-24.jpg' align="center" width="100%" loading=lazy loading=lazy></p> <p>Muuten, olet ehkä huomannut, että sinun ei tarvitse käyttää hiirtä. Koodin avaamiseen on nopea pikanäppäin, joka on sama kaikille selaimille: <b>CTRL+U</b>.</p> <p><img src='https://i0.wp.com/start-luck.ru/wp-content/uploads/Screenshot_14-24.jpg' align="center" width="100%" loading=lazy loading=lazy></p> <p>Elementeille: Ctrl+Shift+C.</p> <p><img src='https://i2.wp.com/start-luck.ru/wp-content/uploads/Screenshot_15-22.jpg' align="center" width="100%" loading=lazy loading=lazy></p> <p>Tältä tulos näyttää.</p> <p><img src='https://i2.wp.com/start-luck.ru/wp-content/uploads/Screenshot_16-23.jpg' align="center" width="100%" loading=lazy loading=lazy></p> <h2><span>Tämä on mielenkiintoista aloittelijoille</span></h2> <p>Katso nyt kuinka kaikki toimii. Löydät sivuston ja pidät todella jostain elementistä. Esimerkiksi tämä. Tiedät jo, kuinka elementtikoodi avataan.</p> <p><img src='https://i0.wp.com/start-luck.ru/wp-content/uploads/Screenshot_17-20.jpg' align="center" width="100%" loading=lazy loading=lazy></p> <p>Kopioi se nyt.</p> <p><img src='https://i0.wp.com/start-luck.ru/wp-content/uploads/Screenshot_18-19.jpg' align="center" width="100%" loading=lazy loading=lazy></p> <p>Käytän , liitä tämä koodi uuteen html-tiedostoon body-tunnisteeseen (englanniksi body).</p> <p><img src='https://i1.wp.com/start-luck.ru/wp-content/uploads/Screenshot_19-18.jpg' align="center" width="100%" loading=lazy loading=lazy></p> <p>Katsotaan nyt, miltä se kaikki näyttää selaimessa.</p> <p><img src='https://i0.wp.com/start-luck.ru/wp-content/uploads/Screenshot_20-16.jpg' align="center" width="100%" loading=lazy loading=lazy></p> <p>Valmis. Jotta teksti olisi kohdistettu reunoihin ja saada vihertävän värin, sinun on yhdistettävä css tähän asiakirjaan ja kopioitava toinen koodi sivustolta, josta kopioimme tämän.</p> <p><img src='https://i1.wp.com/start-luck.ru/wp-content/uploads/Screenshot_21-16.jpg' align="center" width="100%" loading=lazy loading=lazy></p> <p>En tee tätä nyt. Tämä vaatii enemmän aikaa: sekä minun että sinun. Luulen, että kuvailen kaikki yksityiskohdat tulevissa julkaisuissani. Tilaa uutiskirje ja saat ensimmäisenä tiedon kun artikkeli ilmestyy.</p> <p>Jos et kestä, mutta haluat oppia lisää html:stä ja css:stä nyt, voin perinteisesti suositella sinulle ilmaisia koulutuskursseja.</p> <p>Tässä on 33 oppituntia, joiden avulla voit hallita html:ää - <i><b><span>"Ilmainen HTML-kurssi"</span>
</b>
</i>.</p> <p><img src='https://i1.wp.com/start-luck.ru/wp-content/uploads/Screenshot_22-16-537x476.jpg' align="center" width="100%" loading=lazy loading=lazy></p> <p>Ja tässä on täydelliset tiedot css: stä - <i><b><span>"Ilmainen CSS-kurssi (45 videotuntia!)"</span>
</b>
</i>.</p> <p><img src='https://i0.wp.com/start-luck.ru/wp-content/uploads/Screenshot_23-15.jpg' align="center" width="100%" loading=lazy loading=lazy></p> <p>Nyt tiedät vähän enemmän. Toivon sinulle menestystä pyrkimyksissäsi. Nähdään taas!</p>
<p><a href="https://bakep.ru/fi/istoriya-sozdaniya-i-razvitiya-brauzera-mozilla-firefox-istoriya.html">Mozilla Firefox</a> Laajenna valikon "Näytä"-osio ja napsauta "Lähdekoodi". Sama kohta on sisällä <a href="https://bakep.ru/fi/redaktirovanie-kontekstnogo-menyu-podrobnyi-razbor-variantov.html">kontekstivalikko</a>, jos napsautat sivun tekstiä hiiren kakkospainikkeella. Voit myös käyttää pikanäppäintä CTRL + U. Mozilla FireFox ei käytä ulkoisia ohjelmia - sivun lähdekoodi syntaksin korostuksella avautuu erilliseen selainikkunaan.</p> <p>Napsauta Internet Explorerissa Tiedosto-valikkoa ja valitse Muokkaa Muistiossa. Muistio-nimen sijasta voidaan kirjoittaa toinen nimi, jonka olet määrittänyt selaimen asetuksista lähdekoodin katselua varten. Napsauttamalla sivua hiiren kakkospainikkeella tulee näkyviin kontekstivalikko, jossa on myös kohta, jonka avulla voit avata sivun lähdekoodin ulkoisessa ohjelmassa - "Näytä HTML-koodi".</p> <p><img src='https://i1.wp.com/st03.kakprosto.ru/tumb/680/images/article/2011/7/8/1_52552b95df96052552b95df9bd.jpg' height="669" width="663" loading=lazy loading=lazy></p> <p>SISÄÄN <a href="https://bakep.ru/fi/how-to-add-an-express-panel-in-chrome-transferring-bookmarks-from-the-opera-browser.html">Opera selain</a> avaa valikko, siirry "Sivu"-osioon ja sinulla on mahdollisuus valita "Lähdekoodi" tai "Frame Source Code" -kohta "Kehitystyökalut"-alaosiossa. Näille valinnaille on määritetty pikanäppäimet CTRL + U ja CTRL + SHIFT + U, vastaavasti. Sivun hiiren kakkospainikkeella napsautukseen liittyvässä kontekstivalikossa on myös "Lähdekoodi"-kohta. Opera avaa sivun lähteen ulkoisessa ohjelmassa, joka on määritetty käyttöjärjestelmässä tai selaimen asetuksissa HTML-tiedostojen muokkaamista varten.</p> <p><img src='https://i2.wp.com/st03.kakprosto.ru/tumb/680/images/article/2011/7/8/1_52552b95eb30952552b95eb346.jpg' width="100%" loading=lazy loading=lazy></p> <p><a href="https://bakep.ru/fi/required-settings-in-google-chrome-the-most-important-settings-for-the-google-chrome-browser.html">Google-selain</a> Chromella on epäilemättä paras lähdekoodin katselukokemus. Napsauta sivua hiiren kakkospainikkeella, voit valita "Näytä sivukoodi" ja sitten lähdekoodi syntaksin korostuksella avautuu erilliselle välilehdelle. Tai voit valita samasta valikosta rivin "Näytä elementtikoodi", jolloin samassa välilehdessä oleva selain avaa kaksi lisäkehystä, joissa voit tarkastella minkä tahansa sivuelementin HTML- ja CSS-koodia. Selain reagoi kohdistimeen, joka liikkuu koodirivien yli korostamalla sivulla olevia elementtejä, jotka vastaavat kyseistä HTML-koodin osaa.</p> <p><img src='https://i1.wp.com/st03.kakprosto.ru/tumb/680/images/article/2011/7/8/1_52552b9603c4652552b9603c84.jpg' width="100%" loading=lazy loading=lazy></p>
<script type="text/javascript">
<!--
var _acic={dataProvider:10};(function(){var e=document.createElement("script");e.type="text/javascript";e.async=true;e.src="https://www.acint.net/aci.js";var t=document.getElementsByTagName("script")[0];t.parentNode.insertBefore(e,t)})()
//-->
</script><br>
<br>
<script>document.write("<img style='display:none;' src='//counter.yadro.ru/hit;artfast_after?t44.1;r"+
escape(document.referrer)+((typeof(screen)=="undefined")?"":
";s"+screen.width+"*"+screen.height+"*"+(screen.colorDepth?
screen.colorDepth:screen.pixelDepth))+";u"+escape(document.URL)+";h"+escape(document.title.substring(0,150))+
";"+Math.random()+
"border='0' width='1' height='1' loading=lazy loading=lazy>");</script>
</div>
<footer>
<div class="td-post-source-tags">
</div>
<meta itemscope itemprop="mainEntityOfPage" itemType="https://schema.org/WebPage" itemid="https://bakep.ru/kak-bystro-otkryt-kod-stranicy-v-brauzere-dazhe-esli-kopirovanie-zapreshcheno.html" content="https://bakep.ru/kak-bystro-otkryt-kod-stranicy-v-brauzere-dazhe-esli-kopirovanie-zapreshcheno.html" /><span style="display: none;"><span style="display: none;"><meta itemprop="url" content="/assets/logo.svg"></span>
<meta itemprop="name" content="Как быстро открыть код страницы в браузере, даже если копирование запрещено. Распаковка и расшифровка скриптов JavaScript Как расшифровать html код страницы">
</span>
<meta itemprop="headline " content="Сбербанк Копилка онлайн"><span style="display: none;" itemprop="image" itemscope itemtype="https://schema.org/ImageObject"><meta itemprop="url" content="https://i2.wp.com/manhunter.ru/upload/1a/87/1a870b5012697202749e9805fa585605.jpg">
<meta itemprop="width" content="366"><meta itemprop="height" content="262"></span> </footer>
</article>
<style>
.ads-border {
overflow: hidden;
}
.ads-content {
width: 930px;
display: block;
}
@media(max-width: 1140px) {
.ads-content {
width: 910px;
}
}
@media(max-width: 1018px) {
.ads-content {
width: 970px;
}
}
@media (max-width: 767px) {
.ads-content {
width: 134%;
}
}
@media (max-width: 479px) {
.ads-content {
width: 100%;
height: 490px;
}
}
</style>
<div class="ads-block">
<h4 class="td-related-title"><span class="td-related-left td-cur-simple-item">AIHEESEEN LIITTYVÄT ARTIKKELIT</span></h4>
<div class="ads-border">
<div class="ads-content">
</div>
</div>
</div>
<style>
#mc-container {
padding: 10px;
}
</style>
<dblock></dblock>
</div>
</div>
<div class="td-pb-span4 td-main-sidebar" role="complementary">
<div class="td-ss-main-sidebar">
<aside class="widget widget_text" id="text-23">
<div class="block-title"><span>Hyödyllinen</span></div>
<div class="textwidget" align="center"></div>
</aside>
<aside class="widget widget_text" id="text-24">
<div class="block-title"><span>Mainonta</span></div>
<div class="textwidget" align="center"></div>
</aside>
<aside class="widget widget_text" id="text-25">
<div class="textwidget">
<p style="text-align: center;">
</p>
</div>
</aside>
<aside class="widget rpwe_widget recent-posts-extended" id="rpwe_widget-4">
<div class="block-title"><span>Uusi</span></div>
<dblock></dblock>
<div class="rpwe-block ">
<ul class="rpwe-ul">
<li class="rpwe-li rpwe-clearfix">
<a class="rpwe-img" href="https://bakep.ru/fi/vosstanovit-faily-v-telefone-android-kak-vosstanovit-udal-nnye.html" rel="bookmark">
<img class="rpwe-aligncenter rpwe-thumb" src="https://i1.wp.com/recoverit.ru/wp-content/uploads/2016/04/vossandroid2.png" alt="Kuinka palauttaa poistetut tiedostot Android-puhelimesta" loading=lazy loading=lazy></a>
<a style="color: #169c4c; font-size:14px; font-weight:600;" href="https://bakep.ru/fi/vosstanovit-faily-v-telefone-android-kak-vosstanovit-udal-nnye.html" title="Kuinka palauttaa poistetut tiedostot Android-puhelimesta" rel="bookmark">Kuinka palauttaa poistetut tiedostot Android-puhelimesta</a>
</li>
<li class="rpwe-li rpwe-clearfix">
<a class="rpwe-img" href="https://bakep.ru/fi/koordinaty-v-gugl-maps-koordinaty-v-google-earth.html" rel="bookmark">
<img class="rpwe-aligncenter rpwe-thumb" src="https://i1.wp.com/deus1.com/images/interesoe-sekrety/let-obekt-300x188.jpg" alt="Google Earthin koordinaatit" loading=lazy loading=lazy></a>
<a style="color: #169c4c; font-size:14px; font-weight:600;" href="https://bakep.ru/fi/koordinaty-v-gugl-maps-koordinaty-v-google-earth.html" title="Google Earthin koordinaatit" rel="bookmark">Google Earthin koordinaatit</a>
</li>
<li class="rpwe-li rpwe-clearfix">
<a class="rpwe-img" href="https://bakep.ru/fi/kak-sbrosit-zavodskie-nastroiki-na-samsung-s3370-kak-sbrosit-nastroiki-na.html" rel="bookmark">
<img class="rpwe-aligncenter rpwe-thumb" src="https://i1.wp.com/syl.ru/misc/i/ai/376086/2345526.jpg" alt="Kuinka nollata asetukset Samsungissa" loading=lazy loading=lazy></a>
<a style="color: #169c4c; font-size:14px; font-weight:600;" href="https://bakep.ru/fi/kak-sbrosit-zavodskie-nastroiki-na-samsung-s3370-kak-sbrosit-nastroiki-na.html" title="Kuinka nollata asetukset Samsungissa" rel="bookmark">Kuinka nollata asetukset Samsungissa</a>
</li>
<li class="rpwe-li rpwe-clearfix">
<a class="rpwe-img" href="https://bakep.ru/fi/gde-nahoditsya-podsvetka-na-noutbuke-kak-vklyuchit-podsvetku.html" rel="bookmark">
<img class="rpwe-aligncenter rpwe-thumb" src="https://i2.wp.com/ledjournal.info/wp-content/uploads/2018/06/msi.jpg" alt="Kuinka laittaa näppäimistön taustavalo päälle Asus-kannettavassa tietokoneessa" loading=lazy loading=lazy></a>
<a style="color: #169c4c; font-size:14px; font-weight:600;" href="https://bakep.ru/fi/gde-nahoditsya-podsvetka-na-noutbuke-kak-vklyuchit-podsvetku.html" title="Kuinka laittaa näppäimistön taustavalo päälle Asus-kannettavassa tietokoneessa" rel="bookmark">Kuinka laittaa näppäimistön taustavalo päälle Asus-kannettavassa tietokoneessa</a>
</li>
<li class="rpwe-li rpwe-clearfix">
<a class="rpwe-img" href="https://bakep.ru/fi/operatory-yandeks-vordstat-kak-bystro-utochnit-chastotnost-zaprosov-v-wordstat.html" rel="bookmark">
<img class="rpwe-aligncenter rpwe-thumb" src="https://i0.wp.com/znet.ru/wp-content/uploads/2017/04/Screenshot_5-3.png" alt="Kuinka tarkistaa nopeasti kyselyjen tiheys Wordstatissa Kyselyjen tiheys Wordstatissa" loading=lazy loading=lazy></a>
<a style="color: #169c4c; font-size:14px; font-weight:600;" href="https://bakep.ru/fi/operatory-yandeks-vordstat-kak-bystro-utochnit-chastotnost-zaprosov-v-wordstat.html" title="Kuinka tarkistaa nopeasti kyselyjen tiheys Wordstatissa Kyselyjen tiheys Wordstatissa" rel="bookmark">Kuinka tarkistaa nopeasti kyselyjen tiheys Wordstatissa Kyselyjen tiheys Wordstatissa</a>
</li>
<li class="rpwe-li rpwe-clearfix">
<a class="rpwe-img" href="https://bakep.ru/fi/reiting-sistem-upravleniya-kontentom-kakaya-cms-luchshe-mister.html" rel="bookmark">
<img class="rpwe-aligncenter rpwe-thumb" src="https://i0.wp.com/web-optimizator.com/wp-content/uploads/2018/01/1.png" alt="Sisällönhallintajärjestelmien luokitus" loading=lazy loading=lazy></a>
<a style="color: #169c4c; font-size:14px; font-weight:600;" href="https://bakep.ru/fi/reiting-sistem-upravleniya-kontentom-kakaya-cms-luchshe-mister.html" title="Sisällönhallintajärjestelmien luokitus" rel="bookmark">Sisällönhallintajärjestelmien luokitus</a>
</li>
<li class="rpwe-li rpwe-clearfix">
<a class="rpwe-img" href="https://bakep.ru/fi/gde-lezhat-vidzhety-v-android-kak-ustanovit-vidzhety-na-smartfon-xiaomi-po-vneshnemu.html" rel="bookmark">
<img class="rpwe-aligncenter rpwe-thumb" src="https://i2.wp.com/protabletpc.ru/wp-content/uploads/2015/02/vidget-na-android.jpg" alt="Widgetien asentaminen Xiaomi-älypuhelimeen" loading=lazy loading=lazy></a>
<a style="color: #169c4c; font-size:14px; font-weight:600;" href="https://bakep.ru/fi/gde-lezhat-vidzhety-v-android-kak-ustanovit-vidzhety-na-smartfon-xiaomi-po-vneshnemu.html" title="Widgetien asentaminen Xiaomi-älypuhelimeen" rel="bookmark">Widgetien asentaminen Xiaomi-älypuhelimeen</a>
</li>
<li class="rpwe-li rpwe-clearfix">
<a class="rpwe-img" href="https://bakep.ru/fi/chto-takoe-apdeit-i-apdeity-yandeksa-chto-takoe-apdeit-i-apdeity-yandeksa-byl.html" rel="bookmark">
<img class="rpwe-aligncenter rpwe-thumb" src="https://i1.wp.com/raskruty.ru/img/apdeity/apdeit-tic.png" alt="Mikä on päivitys ja Yandex-päivitykset Oli viimeinen Yandex-päivitys" loading=lazy loading=lazy></a>
<a style="color: #169c4c; font-size:14px; font-weight:600;" href="https://bakep.ru/fi/chto-takoe-apdeit-i-apdeity-yandeksa-chto-takoe-apdeit-i-apdeity-yandeksa-byl.html" title="Mikä on päivitys ja Yandex-päivitykset Oli viimeinen Yandex-päivitys" rel="bookmark">Mikä on päivitys ja Yandex-päivitykset Oli viimeinen Yandex-päivitys</a>
</li>
<li class="rpwe-li rpwe-clearfix">
<a class="rpwe-img" href="https://bakep.ru/fi/kak-ustanovit-ark-fail-na-kompyutere-kak-ustanovit-apk-fail-na-android.html" rel="bookmark">
<img class="rpwe-aligncenter rpwe-thumb" src="https://i2.wp.com/smartphonus.com/wp-content/uploads/2015/03/033115_0830_2.png" alt="Kuinka asentaa APK-tiedosto Androidiin" loading=lazy loading=lazy></a>
<a style="color: #169c4c; font-size:14px; font-weight:600;" href="https://bakep.ru/fi/kak-ustanovit-ark-fail-na-kompyutere-kak-ustanovit-apk-fail-na-android.html" title="Kuinka asentaa APK-tiedosto Androidiin" rel="bookmark">Kuinka asentaa APK-tiedosto Androidiin</a>
</li>
</ul>
</div>
</aside>
</div>
</div>
</div>
</div>
</div>
<div class="td-footer-wrapper td-footer-template-3">
<div class="td-container">
<div class="td-pb-row">
<div class="td-pb-span12">
</div>
</div>
<div class="td-pb-row">
<div class="td-pb-span3 logo-footer">
<div class="td-footer-info">
<div class="footer-logo-wrap"><a href="https://bakep.ru/fi/"><img class="td-retina-data" src="/img/logo.png" data-retina="/img/logo.png" alt="Tietokonevinkkejä aloitteleville käyttäjille" title="Tietokonevinkkejä aloitteleville käyttäjille" / loading=lazy loading=lazy></a></div>
<div class="footer-text-wrap"></div>
<div class="footer-social-wrap td-social-style-2"></div>
</div>
<aside class="widget widget_text" id="text-16">
<div class="textwidget">
<script src="//yastatic.net/es5-shims/0.0.2/es5-shims.min.js"></script>
<script src="//yastatic.net/share2/share.js"></script>
<span class="ya-share2" data-services="vkontakte,facebook,odnoklassniki,moimir,gplus,twitter"></span></div>
</aside>
</div>
<div class="td-pb-span9 footer-discription">
<aside class="widget widget_text" id="text-5">
<div class="textwidget">
<p>
<font size="2" color="grey">
</font>
</p>© Tietokonevinkkejä aloittelijoille, 2024</div>
</aside>
</div>
</div>
</div>
</div>
<div class="td-sub-footer-container">
<div class="td-container">
<div class="td-pb-row">
<div class="td-pb-span12 td-sub-footer-menu">
<div class="td-sub-footer-main">
<div class="menu-foot-container"><ul id="menu-foot" class="td-subfooter-menu">
<li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-first td-menu-item td-normal-menu"><a href="https://bakep.ru/fi/feedback.html">Palaute</a></li>
<li class="menu-item menu-item-type-post_type menu-item-object-page td-menu-item td-normal-menu"><a href="https://bakep.ru/fi/sitemap.xml">Sivustokartta</a></li>
<li class="menu-item menu-item-type-post_type menu-item-object-page td-menu-item td-normal-menu"><a href="">Tietoja sivustosta</a></li>
</ul></div> </div>
</div>
</div>
</div>
</div>
</div>
<script type="text/javascript">
jQuery(document).ready(function () {
jQuery("span.ancored").replaceWith(function () {
$this = jQuery(this);
href = $this.attr("title");
text = $this.html();
return '<a href="' + href + '">' + text + '</a>';
} )
} )
</script>
<link rel='stylesheet' id='font-awesome-css' href='//netdna.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css?ver=4.4.0' type='text/css' media='all' />
<link rel='stylesheet' id='su-content-shortcodes-css' href='/assets/content-shortcodes.css' type='text/css' media='all' />
<link rel='stylesheet' id='su-box-shortcodes-css' href='/assets/box-shortcodes.css' type='text/css' media='all' />
<script type='text/javascript' src='/assets/jquery.form.min.js'></script>
<script type='text/javascript'>
/* <![CDATA[ */
var _wpcf7 = { "recaptcha":{ "messages":{ "empty":"\u041f\u043e\u0436\u0430\u043b\u0443\u0439\u0441\u0442\u0430, \u043f\u043e\u0434\u0442\u0432\u0435\u0440\u0434\u0438\u0442\u0435, \u0447\u0442\u043e \u0432\u044b \u043d\u0435 \u0440\u043e\u0431\u043e\u0442."} },"cached":"1"} ;
/* ]]> */
</script>
<script type='text/javascript' src='/assets/scripts.js'></script>
<script type='text/javascript' src='/assets/front.min.js'></script>
<script type='text/javascript' src='/assets/imagesloaded.min.js'></script>
<script type='text/javascript' src='/assets/masonry.min.js'></script>
<script type='text/javascript' src='/assets/jquery.masonry.min.js'></script>
<script type='text/javascript' src='/assets/rsvp.js'></script>
<script type='text/javascript' src='/assets/tagdiv_theme.js'></script>
<script type='text/javascript' src='/assets/comment-reply.min.js'></script>
<script type='text/javascript'>
var q2w3_sidebar_options = new Array();
q2w3_sidebar_options[0] = { "sidebar" : "td-default", "margin_top" : 25, "margin_bottom" : 320, "stop_id" : "", "screen_max_width" : 0, "screen_max_height" : 0, "width_inherit" : false, "refresh_interval" : 1500, "window_load_hook" : false, "disable_mo_api" : false, "widgets" : ['text-13'] } ;
</script>
<script type='text/javascript' src='/assets/q2w3-fixed-widget.min.js'></script>
<script type='text/javascript' src='/assets/wp-embed.min.js'></script>
<style type='text/css'>
/*** Shortcodes Ultimate - box elements ***/
/* Common styles
---------------------------------------------------------------*/
.su-clearfix:before,
.su-clearfix:after {
display: table;
content: " ";
}
.su-clearfix:after { clear: both; }
/* Tabs + Tab
---------------------------------------------------------------*/
.su-tabs {
margin: 0 0 1.5em 0;
padding: 3px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
background: #eee;
}
.su-tabs-nav span {
display: inline-block;
margin-right: 3px;
padding: 10px 15px;
font-size: 13px;
min-height: 40px;
line-height: 20px;
-webkit-border-top-left-radius: 3px;
-moz-border-radius-topleft: 3px;
border-top-left-radius: 3px;
-webkit-border-top-right-radius: 3px;
-moz-border-radius-topright: 3px;
border-top-right-radius: 3px;
color: #333;
cursor: pointer;
-webkit-transition: all .2s;
-moz-transition: all .2s;
-o-transition: all .2s;
transition: all .2s;
}
.su-tabs-nav span:hover { background: #f5f5f5; }
.su-tabs-nav span.su-tabs-current { background: #fff; cursor: default; }
.su-tabs-nav span.su-tabs-disabled {
opacity: 0.5;
filter: alpha(opacity=50);
cursor: default;
}
.su-tabs-pane {
padding: 15px;
font-size: 13px;
-webkit-border-bottom-right-radius: 3px;
-moz-border-radius-bottomright: 3px;
border-bottom-right-radius: 3px;
-webkit-border-bottom-left-radius: 3px;
-moz-border-radius-bottomleft: 3px;
border-bottom-left-radius: 3px;
background: #fff;
color: #333;
}
.su-tabs-vertical:before,
.su-tabs-vertical:after {
content: " ";
display: table;
}
.su-tabs-vertical:after { clear: both; }
.su-tabs-vertical .su-tabs-nav {
float: left;
width: 30%;
}
.su-tabs-vertical .su-tabs-nav span {
display: block;
margin-right: 0;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
-webkit-border-top-left-radius: 3px;
-moz-border-radius-topleft: 3px;
border-top-left-radius: 3px;
-webkit-border-bottom-left-radius: 3px;
-moz-border-radius-bottomleft: 3px;
border-bottom-left-radius: 3px;
}
.su-tabs-vertical .su-tabs-panes {
float: left;
width: 70%;
}
.su-tabs-vertical .su-tabs-pane {
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
-webkit-border-top-right-radius: 3px;
-webkit-border-bottom-right-radius: 3px;
-moz-border-radius-topright: 3px;
-moz-border-radius-bottomright: 3px;
border-top-right-radius: 3px;
border-bottom-right-radius: 3px;
}
.su-tabs-nav,
.su-tabs-nav span,
.su-tabs-panes,
.su-tabs-pane {
-webkit-box-sizing: border-box !important;
-moz-box-sizing: border-box !important;
box-sizing: border-box !important;
}
/* Styles for screens that are less than 768px */
@media only screen and (max-width: 768px) {
.su-tabs-nav span { display: block; }
.su-tabs-vertical .su-tabs-nav {
float: none;
width: auto;
}
.su-tabs-vertical .su-tabs-panes {
float: none;
width: auto;
}
}
/* Spoiler + Accordion
---------------------------------------------------------------*/
.su-spoiler { margin-bottom: 1.5em; }
.su-spoiler .su-spoiler:last-child { margin-bottom: 0; }
.su-accordion { margin-bottom: 1.5em; }
.su-accordion .su-spoiler { margin-bottom: 0.5em; }
.su-spoiler-title {
position: relative;
cursor: pointer;
min-height: 20px;
line-height: 20px;
padding: 7px 7px 7px 34px;
font-weight: bold;
font-size: 13px;
}
.su-spoiler-icon {
position: absolute;
left: 7px;
top: 7px;
display: block;
width: 20px;
height: 20px;
line-height: 21px;
text-align: center;
font-size: 14px;
font-family: FontAwesome;
font-weight: normal;
font-style: normal;
-webkit-font-smoothing: antialiased;
*margin-right: .3em;
}
.su-spoiler-content {
padding: 14px;
-webkit-transition: padding-top .2s;
-moz-transition: padding-top .2s;
-o-transition: padding-top .2s;
transition: padding-top .2s;
-ie-transition: padding-top .2s;
}
.su-spoiler.su-spoiler-closed > .su-spoiler-content {
height: 0;
margin: 0;
padding: 0;
overflow: hidden;
border: none;
opacity: 0;
}
.su-spoiler-icon-plus .su-spoiler-icon:before { content: "\f068"; }
.su-spoiler-icon-plus.su-spoiler-closed .su-spoiler-icon:before { content: "\f067"; }
.su-spoiler-icon-plus-circle .su-spoiler-icon:before { content: "\f056"; }
.su-spoiler-icon-plus-circle.su-spoiler-closed .su-spoiler-icon:before { content: "\f055"; }
.su-spoiler-icon-plus-square-1 .su-spoiler-icon:before { content: "\f146"; }
.su-spoiler-icon-plus-square-1.su-spoiler-closed .su-spoiler-icon:before { content: "\f0fe"; }
.su-spoiler-icon-plus-square-2 .su-spoiler-icon:before { content: "\f117"; }
.su-spoiler-icon-plus-square-2.su-spoiler-closed .su-spoiler-icon:before { content: "\f116"; }
.su-spoiler-icon-arrow .su-spoiler-icon:before { content: "\f063"; }
.su-spoiler-icon-arrow.su-spoiler-closed .su-spoiler-icon:before { content: "\f061"; }
.su-spoiler-icon-arrow-circle-1 .su-spoiler-icon:before { content: "\f0ab"; }
.su-spoiler-icon-arrow-circle-1.su-spoiler-closed .su-spoiler-icon:before { content: "\f0a9"; }
.su-spoiler-icon-arrow-circle-2 .su-spoiler-icon:before { content: "\f01a"; }
.su-spoiler-icon-arrow-circle-2.su-spoiler-closed .su-spoiler-icon:before { content: "\f18e"; }
.su-spoiler-icon-chevron .su-spoiler-icon:before { content: "\f078"; }
.su-spoiler-icon-chevron.su-spoiler-closed .su-spoiler-icon:before { content: "\f054"; }
.su-spoiler-icon-chevron-circle .su-spoiler-icon:before { content: "\f13a"; }
.su-spoiler-icon-chevron-circle.su-spoiler-closed .su-spoiler-icon:before { content: "\f138"; }
.su-spoiler-icon-caret .su-spoiler-icon:before { content: "\f0d7"; }
.su-spoiler-icon-caret.su-spoiler-closed .su-spoiler-icon:before { content: "\f0da"; }
.su-spoiler-icon-caret-square .su-spoiler-icon:before { content: "\f150"; }
.su-spoiler-icon-caret-square.su-spoiler-closed .su-spoiler-icon:before { content: "\f152"; }
.su-spoiler-icon-folder-1 .su-spoiler-icon:before { content: "\f07c"; }
.su-spoiler-icon-folder-1.su-spoiler-closed .su-spoiler-icon:before { content: "\f07b"; }
.su-spoiler-icon-folder-2 .su-spoiler-icon:before { content: "\f115"; }
.su-spoiler-icon-folder-2.su-spoiler-closed .su-spoiler-icon:before { content: "\f114"; }
.su-spoiler-style-default { }
.su-spoiler-style-default > .su-spoiler-title {
padding-left: 27px;
padding-right: 0;
}
.su-spoiler-style-default > .su-spoiler-title > .su-spoiler-icon { left: 0; }
.su-spoiler-style-default > .su-spoiler-content { padding: 1em 0 1em 27px; }
.su-spoiler-style-fancy {
border: 1px solid #ccc;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
background: #fff;
color: #333;
}
.su-spoiler-style-fancy > .su-spoiler-title {
border-bottom: 1px solid #ccc;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
background: #f0f0f0;
font-size: 0.9em;
}
.su-spoiler-style-fancy.su-spoiler-closed > .su-spoiler-title { border: none; }
.su-spoiler-style-fancy > .su-spoiler-content {
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}
.su-spoiler-style-simple {
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
}
.su-spoiler-style-simple > .su-spoiler-title {
padding: 5px 10px;
background: #f0f0f0;
color: #333;
font-size: 0.9em;
}
.su-spoiler-style-simple > .su-spoiler-title > .su-spoiler-icon { display: none; }
.su-spoiler-style-simple > .su-spoiler-content {
padding: 1em 10px;
background: #fff;
color: #333;
}
/* Quote
---------------------------------------------------------------*/
.su-quote-style-default {
position: relative;
margin-bottom: 1.5em;
padding: 0.5em 3em;
font-style: italic;
}
/*.su-quote-style-default.su-quote-has-cite { margin-bottom: 3em; } */
.su-quote-style-default:before,
.su-quote-style-default:after {
position: absolute;
display: block;
width: 20px;
height: 20px;
background-image: url('../images/quote.png');
content: '';
}
.su-quote-style-default:before {
top: 0;
left: 0;
background-position: 0 0;
}
.su-quote-style-default:after {
right: 0;
bottom: 0;
background-position: -20px 0;
}
.su-quote-style-default .su-quote-cite {
display: block;
text-align: right;
font-style: normal;
}
.su-quote-style-default .su-quote-cite:before { content: "\2014\0000a0"; }
.su-quote-style-default .su-quote-cite a { text-decoration: underline; }
/* Pullquote
---------------------------------------------------------------*/
.su-pullquote {
display: block;
width: 30%;
padding: 0.5em 1em;
}
.su-pullquote-align-left {
margin: 0.5em 1.5em 1em 0;
padding-left: 0;
float: left;
border-right: 5px solid #eee;
}
.su-pullquote-align-right {
margin: 0.5em 0 1em 1.5em;
padding-right: 0;
float: right;
border-left: 5px solid #eee;
}
/* Row + Column
---------------------------------------------------------------*/
.su-row {
clear: both;
zoom: 1;
margin-bottom: 1.5em;
}
.su-row:before,
.su-row:after {
display: table;
content: "";
}
.su-row:after { clear: both; }
.su-column {
display: block;
margin: 0 4% 0 0;
float: left;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.su-column-last { margin-right: 0; }
.su-row .su-column { margin: 0 0 0 4%; }
.su-row .su-column.su-column-size-1-1 { margin-left: 0; margin-right: 0; }
.su-row .su-column:first-child { margin-left: 0; }
.su-column-centered {
margin-right: auto !important;
margin-left: auto !important;
float: none !important;
}
.su-column img,
.su-column iframe,
.su-column object,
.su-column embed { max-width: 100%; }
@media only screen {
[class*="su-column"] + [class*="su-column"]:last-child { float: right; }
}
.su-column-size-1-1 { width: 100%; }
.su-column-size-1-2 { width: 48%; }
.su-column-size-1-3 { width: 30.66%; }
.su-column-size-2-3 { width: 65.33%; }
.su-column-size-1-4 { width: 22%; }
.su-column-size-3-4 { width: 74%; }
.su-column-size-1-5 { width: 16.8%; }
.su-column-size-2-5 { width: 37.6%; }
.su-column-size-3-5 { width: 58.4%; }
.su-column-size-4-5 { width: 79.2%; }
.su-column-size-1-6 { width: 13.33%; }
.su-column-size-5-6 { width: 82.66%; }
/* Styles for screens that are less than 768px */
@media only screen and (max-width: 768px) {
.su-column {
width: 100% !important;
margin: 0 0 1.5em 0 !important;
float: none !important;
}
.su-row .su-column:last-child {
margin-bottom: 0 !important;
}
}
/* Service
---------------------------------------------------------------*/
.su-service {
position: relative;
margin: 0 0 1.5em 0;
}
.su-service-title {
display: block;
margin-bottom: 0.5em;
color: #333;
font-weight: bold;
font-size: 1.1em;
}
.su-service-title img {
position: absolute;
top: 0;
left: 0;
display: block !important;
margin: 0 !important;
padding: 0 !important;
border: none !important;
-webkit-box-shadow: none !important;
-moz-box-shadow: none !important;
box-shadow: none !important;
}
.su-service-title i {
position: absolute;
top: 0;
left: 0;
display: block !important;
width: 1em;
height: 1em;
text-align: center;
line-height: 1em;
}
.su-service-content { line-height: 1.4; }
/* Box
---------------------------------------------------------------*/
.su-box {
margin: 0 0 1.5em 0;
border-width: 2px;
border-style: solid;
}
.su-box-title {
display: block;
padding: 0.5em 1em;
font-weight: bold;
font-size: 1.1em;
}
.su-box-content {
background-color: #fff;
color: #444;
padding: 1em;
}
.su-box-style-soft .su-box-title {
background-image: url('../images/styles/style-soft.png');
background-position: 0 0;
background-repeat: repeat-x;
}
.su-box-style-glass .su-box-title {
background-image: url('../images/styles/style-glass.png');
background-position: 0 50%;
background-repeat: repeat-x;
}
.su-box-style-bubbles .su-box-title {
background-image: url('../images/styles/style-bubbles.png');
background-position: 0 50%;
background-repeat: repeat-x;
}
.su-box-style-noise .su-box-title {
background-image: url('../images/styles/style-noise.png');
background-position: 0 0;
background-repeat: repeat-x;
}
/* Note
---------------------------------------------------------------*/
.su-note {
margin: 0 0 1.5em 0;
border-width: 0px;
border-style: solid;
}
.su-note-inner {
padding: 1em;
border-width: 0px;
border-style: solid;
box-shadow: 3px 3px 6px #d0d0d0;
}
/* Expand
---------------------------------------------------------------*/
.su-expand { margin: 0 0 1.5em 0; }
.su-expand-content { overflow: hidden; }
.su-expand-link {
margin-top: 0.5em;
cursor: pointer;
}
.su-expand-link:hover {
opacity: 0.7;
filter: alpha(opacity=70);
}
.su-expand-link a,
.su-expand-link a:hover,
.su-expand-link a:active,
.su-expand-link a:visited,
.su-expand-link a:focus {
display: inline;
text-decoration: none;
background: transparent;
border: none;
}
.su-expand-link-style-default .su-expand-link a,
.su-expand-link-style-default .su-expand-link a:hover { text-decoration: none; }
.su-expand-link-style-underlined .su-expand-link span { text-decoration: underline; }
.su-expand-link-style-dotted .su-expand-link span { border-bottom: 1px dotted #333; }
.su-expand-link-style-dashed .su-expand-link span { border-bottom: 1px dashed #333; }
.su-expand-link-style-button .su-expand-link a {
display: inline-block;
margin-top: 0.2em;
padding: 0.2em 0.4em;
border: 2px solid #333;
}
.su-expand-link-more { display: none; }
.su-expand-link-less { display: block; }
.su-expand-collapsed .su-expand-link-more { display: block; }
.su-expand-collapsed .su-expand-link-less { display: none; }
.su-expand-link i {
display: inline-block;
margin: 0 0.3em 0 0;
vertical-align: middle;
color: inherit;
}
.su-expand-link img {
display: inline-block;
width: 1em;
height: 1em;
margin: 0 0.3em 0 0;
vertical-align: middle;
}
/* Lightbox content
---------------------------------------------------------------*/
.su-lightbox-content {
position: relative;
margin: 0 auto;
}
.mfp-content .su-lightbox-content,
#su-generator .su-lightbox-content { display: block !important; }
.su-lightbox-content-preview {
width: 100%;
min-height: 300px;
background: #444;
overflow: hidden;
}
.su-lightbox-content h1,
.su-lightbox-content h2,
.su-lightbox-content h3,
.su-lightbox-content h4,
.su-lightbox-content h5,
.su-lightbox-content h6 { color: inherit; }
/* Common margin resets for box elements
---------------------------------------------------------------*/
.su-column-inner > *:first-child,
.su-accordion > *:first-child,
.su-spoiler-content > *:first-child,
.su-service-content > *:first-child,
.su-box-content > *:first-child,
.su-note-inner > *:first-child,
.su-expand-content > *:first-child,
.su-lightbox-content > *:first-child { margin-top: 0; }
.su-column-inner > *:last-child,
.su-tabs-pane > *:last-child,
.su-accordion > *:last-child,
.su-spoiler-content > *:last-child,
.su-service-content > *:last-child,
.su-box-content > *:last-child,
.su-note-inner > *:last-child,
.su-expand-content > *:last-child,
.su-lightbox-content > *:last-child { margin-bottom: 0; }
</style>
<script>
(function(){
var html_jquery_obj = jQuery('html');
if (html_jquery_obj.length && (html_jquery_obj.is('.ie8') || html_jquery_obj.is('.ie9'))) {
var path = '/assets/style2.css';
jQuery.get(path, function(data) {
var str_split_separator = '#td_css_split_separator';
var arr_splits = data.split(str_split_separator);
var arr_length = arr_splits.length;
if (arr_length > 1) {
var dir_path = '/wp-content/themes/Newspaper';
var splited_css = '';
for (var i = 0; i < arr_length; i++) {
if (i > 0) {
arr_splits[i] = str_split_separator + ' ' + arr_splits[i];
}
//jQuery('head').append('<style>' + arr_splits[i] + '</style>');
var formated_str = arr_splits[i].replace(/\surl\(\'(?!data\:)/gi, function regex_function(str) {
return ' url(\'' + dir_path + '/' + str.replace(/url\(\'/gi, '').replace(/^\s+|\s+$/gm,'');
} );
splited_css += "<style>" + formated_str + "</style>";
}
var td_theme_css = jQuery('link#td-theme-css');
if (td_theme_css.length) {
td_theme_css.after(splited_css);
}
}
} );
}
} )();
</script>
<script type="text/javascript">
<!--
var _acic={dataProvider:10};(function(){var e=document.createElement("script");e.type="text/javascript";e.async=true;e.src="https://www.acint.net/aci.js";var t=document.getElementsByTagName("script")[0];t.parentNode.insertBefore(e,t)})()
//-->
</script><br>
<br>
</body>
</html>
