Felhasználói eszközök

Eszközök a webhelyen


oktatas:halozat:boengeszes

< Hálózat

Böngészés

  • Szerző: Sallai András
  • Copyright © Sallai András, 2011, 2013, 2014, 2015
  • Licenc: GNU Free Documentation License 1.3

Bevezetés

Manapság a legnépszerűbb Internetes szolgáltatás a web. A népszerűségének köszönhetően, persze van aki nem is tudja, hogy ez nem egyenlő az Internettel, a weben kívül is nagyon sok szolgáltatás van. Az Interneten az első évtizedekben nyoma sem volt a webnek. Csak 1990-ben találta ki Tim Berners Lee a webes megjelenést és a hozzátartozó infrastruktúrát.

A webes tartalmat http protokollon szolgálják ki számunkra a webszerverek. A webszerver a 80-as porton várja a böngészők kéréseit. Ha titkosított csatornát használunk, az elérés SSL/TLS protokollon keresztül történik. A http adatforgalmat ilyenkor egy titkosított csatornán keresztül folytatjuk. Ekkor egyszerűen https protokollról beszélünk.

Fogalmak

  1. web
    1. HTML oldalak összessége
  2. webhely
    1. egy tárhelyen, az összetartozó HTML oldalak
  3. port
    1. egy számítógépen egy szolgáltatás, egy folyamat azonosítószáma
  4. protokoll
    1. a hálózati átvitel szabályai
  5. http
    1. a weboldalak kiszolgálására ezen a protokollon keresztül történik.
  6. SSL
    1. Secure Socket Layer - Titkosíthatunk vele bármilyen hálózati forgalmat
  7. TLS
    1. Transport Layer Security - Titkosíthatunk vele bármilyen hálózati forgalmat, az SSL forkja
  8. https
    1. Ha a HTTP forgalmat SSL-en keresztül biztosítjuk akkor szokás HTTPS-ről beszélni.
  9. Magnet URI
    1. A tartalmat nem az elérési út alapján érjük el. Helyett egy kriptográfiai hash függvénnyel gyártott URL-t használunk.

Böngészők

Az első böngésző, amit Tim Berners-Lee létrehozott a WorldWideWeb nevű program volt. Ezt később átkeresztelték Nexus névre. A programot Objective-C nyelven készítette.

A következő ábrán a népszerűbb böngészőket helyezhetjük időrendi sorrendbe.

Böngésző Első kiadás Alapja Programozási nyelv Platform
Firefox 2002 Mozilla C++, JavaScript, C, CSS, XUL, XBL Windows, OS X, Linux, Android,
iOS, Firefox OS
(nem hivatalos BSDs,
solaris/Open Solaris, IBM AIX,
HP-UX & UnixWare
Chrome 2008 C++ Android, iOS,
Linux, OS X, Windows
Chromium 2008 Chrome C++ cross
Internet Exploler Mosaic C++
Opera 1995 C++ Windows, OS X, Linux
Vivaldi 2015 Opera C++ Windows, OS X, Linux
Pale Moon 2009 Firefox C, C++ Windows, Linux, OS X
w3m (konzolos) 1995 C OS/2, Unix & Unix-like
(Solaris, SunOS, HP-UX,
Linux, FreeBSD and EWS-UX
(EWS-4800), Windows
links (konzolos) 1999 C Windows, OS X,
OS/2, Unix-like,
OpenVMS, DOS
lynx (konzolos) 1992 C
Konqueror 1996 C++ Unix szerű és Win
Comodo Dragon Chromium Windows
Safari 2003 Konqueror C++, Objective-C OS X, iOS
Web (korábban Epiphany) 2003 C Linux
Ungoogled-Chromium 2012 Chromium

Könyvjelző

Könyvjelzőbe vagy kedvencekbe azokat a linkeket tehetjük, amelyeket később is megszeretnénk látogatni, így szeretnénk ezeket a linkeket tárolni.

Firefox

Hozzáadás a könyvjelzőhöz:

Könyvjelzők Oldal hozzáadása a könyvjelzőkhöz

Könyvjelzők exportálása:

Könyvjelzők Minden könyvjelző megjelenítése Importálás és mentés Könyvjelzők exportálása HTML-be…

Chrome

Hozzáadás a könyvjelzőhöz:

A címsorban lévő ikonok közül az utolsó csillag alakúra kattintok.

Könyvjelzők exportálása:

A címsor után, az utolsó ikonra (Beállítások) kattintok

A legördülő menüben:

Könyvjelzők Könyvjelző-kezelő

Az előugró felületen:

Rendezés Könyvjelzők exportálása HTML-fájlba…

Felhasználói stílus

Létre kell hozni a chrome könyvtárat a Firefox profilkönyvtárban.

Linux alatt:

~/.mozilla/firefox/mwad0hks.default/chrome

A css fájlt nevezzük el a következő néven:

  • userContent.css

Indítsuk újra a Firefoxot.

CSS tartományhoz

userContent.css
@-moz-document domain(tatomanynev.toplevelnev) {
 
  /* ide jönnek a beállítások*/
}

Példa:

@-moz-document domain(valahol.hu) {
body { 
    font-size: 44px; 
}
}

További lehetőségek

@-moz-document domain(valahol.hu) {
#navigation ul.ajs-menu-bar:hover {
  opacity: 1.0 !important;
}
#navigation ul.ajs-menu-bar {
  opacity: 0.6 !important;
}
#browse-menu-link {
  opacity: 0.6 !important;
}
#browse-menu-link:hover {
  opacity: 1 !important;
}
.page-metadata {
  opacity: 0.6 !important;
}
.page-metadata:hover {
  opacity: 1.0 !important;
}
}

Interaktív weblapok

Interaktív weblapról beszélünk ha a webszerver is valamilyen információkat vár a böngésző használójától. Az ilyen információt jellemzően úgynevezett űrlapon keresztül kérik be a weblapok. Ilyen űrlapra példa, amikor felhasználónevet és jelszót kérünk be.

Felhasználónév: Jelszó:

Vagy regisztrációhoz bekérünk adatokat:

Teljesnév:
Település:
Cím:
Telefonszám:

Captcha

Kiejtve [ˈkæptʃə]

Egy teszt, amelynek célja, hogy megkülönböztessük az embert a számítógéptől.

A Completely Automated Public Turing test to tell Computers and Humans Apart rövdítése, amely így fordítható:Teljesen automatizált nyilvános Turing-teszt a számítógép és az ember megkülönböztetésére.

A számítógép generál egy feladványt, amelyet az ember képes csak megfejteni, de ő maga le tudja ellenőrizni a helyességét.

Általában valamilyen eltorzított szöveget kell elolvasni, amely a számítógépek segítségével elég nehéz lehet egy jól megrajzolt captcha kódnál.

upload.wikimedia.org_wikipedia_commons_b_b6_modern-captcha.jpg

Hasznos lehet, ha szeretnénk elérni, hogy egy regisztrációs felületen ne legyen képes regisztrálni egy program (bot), csak élő ember.

A reCAPTCHA egy Google captcha megoldása, ahol a csak egyet kell kattintani. A reCAPTCHA pedig azt figyeli, hogy az emberre jellemző egér, billentyűzet, stb. események voltak-e. Ha igen, akkor elfogadjuk.

Sütik

Süti vagy Cookie. A webprogramozók néha sütiket helyeznek a felhasználó böngészőjében. A sütikben különböző információk nyilvántartása lehetséges.

Sütik megtekintése Firefoxban:

  • Beállítások → Adatvédelem → eltávolítani az egyes sütiket

Hatékony beállítások

Firefox:

about:config

Chrome:

chrome://flags/

Opera:

opera:config

Vivaldi:

vivaldi://flags

HTTP protokoll

telnet egressy.eu 80
Trying 195.228.1.150...
Connected to egressy.eu.
Escape character is '^]'.
GET / HTTP/1.0<Enter>
<Enter>

Ez után megkapjuk a weblapot.

A szerver eldobja a kapcsolatot ha tétlenek vagyunk egy ideig:

Connection closed by foreign host.

Csak a fejléc lekérése:

HEAD / HTTP/1.0

HTTP/1.1 200 OK
Date: Fri, 10 May 2013 05:38:56 GMT
Server: Apache/2.2.15 (Red Hat)
X-Powered-By: PHP/5.3.3
Connection: close
Content-Type: text/html; charset=utf-8

Keresődomainek kikapcsolása

Csak Firefox:

about:config

Keressük meg a következő tulajdonságot:

privacy.trackingprotection.enabled > true

Állítsuk true értékre.

A Firefox megakadályozza, hogy egy weblap meglátogatásakor az ismert keresődomainekhez is kapcsolódjon egyben.

Fordító

A Google fordító hasznos dolog. Az ImTranslator viszont a böngészőben kijelölt szöveget egyetlen kattintásra fordítja. A ImTranslator tulajdonképpen egy böngésző plugin.

Firefox és Chrome böngészőkben is használható. Ha szavak fordításához használjuk, praktikus tanulói eszköz. Ha egész szövegrészeket jelölünk ki, akkor gyors segítség az értelmezéshez.

Fb törlés

SSL

Ha a protokoll, amit használunk https, akkor valójában a HTTP forgalom SSL protokollon keresztül működik. Adataink titkosítva vannak.

A weboldal rendelkezk egy X.509-es digitális tanúsítvánnyal, amelynek érvényességét a böngészőnk figyeli.

Az OCSP protokoll az Online Certificate Status Protocol rövidítése. Segítségével lekérdezhető egy X.509 digitális tanúsítvány állapota.

Google Chrome

A Google Chrome belső feladatkezelője, weblap-kezelője:

  • Google Chrome vezérlő ikon → További eszközök → Feladatkezelő
  • Shift + Esc

Reklám blokkolók

  • uBlock Origin
  • uMatrix

Linkek

oktatas/halozat/boengeszes.txt · Utolsó módosítás: 2019/08/16 11:33 szerkesztette: admin