{"id":3760,"date":"2022-04-06T12:20:09","date_gmt":"2022-04-06T12:20:09","guid":{"rendered":"https:\/\/megnyitasa.com\/blog\/?p=3760"},"modified":"2022-04-06T12:20:09","modified_gmt":"2022-04-06T12:20:09","slug":"hogyan-ellenorizhetjuk-a-webes-elemeket-a-bongeszovel","status":"publish","type":"post","link":"https:\/\/megnyitasa.com\/blog\/hogyan-ellenorizhetjuk-a-webes-elemeket-a-bongeszovel\/","title":{"rendered":"Hogyan ellen\u0151rizhetj\u00fck a webes elemeket a b\u00f6ng\u00e9sz\u0151vel"},"content":{"rendered":"<p class=\"gt-block\">\nA weboldalak k\u00f3dsorokb\u00f3l \u00e9p\u00fclnek fel, de az eredm\u00e9nyek k\u00e9pek, vide\u00f3k, bet\u0171t\u00edpusok \u00e9s egy\u00e9b funkci\u00f3kkal rendelkez\u0151 oldalak. Ha meg akarja v\u00e1ltoztatni ezen elemek egyik\u00e9t, vagy meg szeretn\u00e9 n\u00e9zni, mib\u0151l \u00e1ll, keresse meg az azt vez\u00e9rl\u0151 k\u00f3dsort. Ehhez haszn\u00e1ljon elemellen\u0151rz\u0151 eszk\u00f6zt. Nem kell let\u00f6lteni egy ellen\u0151rz\u0151 eszk\u00f6zt, \u00e9s nem kell telep\u00edtenie egy kieg\u00e9sz\u00edt\u0151t a kedvenc webb\u00f6ng\u00e9sz\u0151j\u00e9hez. Ehelyett kattintson a jobb gombbal az oldal elemre, majd v\u00e1lassza a lehet\u0151s\u00e9get <strong>Ellen\u0151riz <\/strong>or <strong>Elem vizsg\u00e1lata<\/strong>. Az, hogy mik\u00e9nt f\u00e9r hozz\u00e1 ehhez az eszk\u00f6zh\u00f6z, b\u00f6ng\u00e9sz\u0151nk\u00e9nt v\u00e1ltozik.\n<\/p>\n<p class=\"gt-block\">Ez a cikk haszn\u00e1lja <strong>kattintson jobb gombbal<\/strong> hivatkozni az eg\u00e9r eszk\u00f6z m\u0171velet\u00e9re egy Windows PC-n, valamint a Control + kattint\u00e1s m\u0171veletre Mac-en.<\/p>\n<h2>  Ellen\u0151rizze az elemeket a Google Chrome-ban  <\/h2>\n<p>\nA Google Chrome-ban k\u00e9tf\u00e9lek\u00e9ppen ellen\u0151rizheti a weblapokat a b\u00f6ng\u00e9sz\u0151 be\u00e9p\u00edtett Chrome DevTools seg\u00edts\u00e9g\u00e9vel:\n<\/p>\n<ul>\n<li>Kattintson a jobb gombbal egy elemre az oldalon vagy egy \u00fcres ter\u00fcleten, majd v\u00e1lassza a lehet\u0151s\u00e9get <strong>Ellen\u0151riz<\/strong>.<\/li>\n<li>Menj a <strong>kr\u00f3m<\/strong> men\u00fct, majd v\u00e1lassza a lehet\u0151s\u00e9get <strong>Tov\u00e1bbi eszk\u00f6z\u00f6k <\/strong>&gt; <strong>Fejleszt\u0151i eszk\u00f6z\u00f6k<\/strong>.<\/li>\n<\/ul>\n<p><img decoding=\"async\" class=\"postimg\" src=\"https:\/\/www.lifewire.com\/thmb\/Vr1ldKBDgfq5Yt06tUZQka7XvdU=\/3662x3248\/filters:no_upscale():max_bytes(150000):strip_icc()\/01_Inspect_Element_Chrome-756549-14d8f0f1d8fe4f8a8996c9650875f833.jpg\"><\/p>\n<p>\nA Chrome DevTools seg\u00edts\u00e9g\u00e9vel m\u00e1solhatja vagy szerkesztheti a Hypertext Markup Language (HTML) jel\u00f6l\u00e9st, \u00e9s elrejtheti vagy t\u00f6r\u00f6lheti az elemeket az oldal \u00fajrat\u00f6lt\u00e9s\u00e9ig.\n<\/p>\n<p>\nAmikor megny\u00edlik a Chrome DevTools az oldal sz\u00e9l\u00e9n, v\u00e1ltoztassa meg a poz\u00edci\u00f3j\u00e1t, ugorjon ki az oldalr\u00f3l, keressen oldalf\u00e1jlokat, v\u00e1lasszon elemeket az oldalr\u00f3l a k\u00f6zelebbi megtekint\u00e9shez, m\u00e1solja a f\u00e1jlokat \u00e9s az URL-eket, \u00e9s testre szabhatja a be\u00e1ll\u00edt\u00e1sokat.\n<\/p>\n<h2>  Ellen\u0151rizze az elemeket a Mozilla Firefoxban  <\/h2>\n<p>\nA Mozilla Firefox k\u00e9tf\u00e9lek\u00e9ppen nyithatja meg az Inspector nev\u0171 ellen\u0151rz\u0151 eszk\u00f6z\u00e9t:\n<\/p>\n<ul>\n<li>Kattintson a jobb gombbal egy elemre a weboldalon, majd v\u00e1lassza a lehet\u0151s\u00e9get <strong>Elem vizsg\u00e1lata<\/strong>.<\/li>\n<li>A Firefox men\u00fcsoron v\u00e1lassza a lehet\u0151s\u00e9get <strong>Eszk\u00f6z\u00f6k <\/strong>&gt; <strong>Web Developer <\/strong>&gt; <strong>Ellen\u0151r<\/strong>.<\/li>\n<\/ul>\n<p><img decoding=\"async\" class=\"postimg\" src=\"https:\/\/www.lifewire.com\/thmb\/n9diKxz4quhpm0ZSXCKDjq0RQSo=\/3248x2572\/filters:no_upscale():max_bytes(150000):strip_icc()\/02_Inspect_Element_Firefox-756549-bbfd425841fe472492a57401403f19af.jpg\"><\/p>\n<p>\nAhogy a mutat\u00f3t \u00e1thelyezi a Firefox elemei f\u00f6l\u00e9, az Inspector automatikusan megtal\u00e1lja az elem forr\u00e1sk\u00f3d adatait. Ha kiv\u00e1laszt egy elemet, a menet k\u00f6zbeni keres\u00e9s le\u00e1ll, \u00e9s megvizsg\u00e1lhatja az elemet az Ellen\u0151r ablakban.\n<\/p>\n<p>\nKattintson a jobb gombbal egy elemre a t\u00e1mogatott vez\u00e9rl\u0151k megkeres\u00e9s\u00e9hez. A vez\u00e9rl\u0151k seg\u00edts\u00e9g\u00e9vel szerkesztheti az oldalt HTML-jel\u00f6l\u00e9sk\u00e9nt, bels\u0151 vagy k\u00fcls\u0151 HTML-jel\u00f6l\u00e9s m\u00e1sol\u00e1s\u00e1hoz vagy beilleszt\u00e9s\u00e9hez, a dokumentumobjektum-modell (DOM) tulajdons\u00e1gainak megjelen\u00edt\u00e9s\u00e9hez, k\u00e9perny\u0151k\u00e9p k\u00e9sz\u00edt\u00e9s\u00e9hez vagy a csom\u00f3pont t\u00f6rl\u00e9s\u00e9hez, \u00faj attrib\u00fatumok alkalmaz\u00e1s\u00e1hoz, l\u00e1sd a Kaszk\u00e1d st\u00edluslapok (CSS) , \u00e9s t\u00f6bb.\n<\/p>\n<h2>  Ellen\u0151rizze a Safari elemeket  <\/h2>\n<p>\nP\u00e1rf\u00e9lek\u00e9ppen vizsg\u00e1lhatja a webes elemeket a Safari-ban:\n<\/p>\n<ul>\n<li>Kattintson a jobb gombbal a weboldal b\u00e1rmely elem\u00e9re vagy hely\u00e9re, majd v\u00e1lassza a lehet\u0151s\u00e9get <strong>Elem vizsg\u00e1lata<\/strong>.<\/li>\n<li>Menj a <strong>Fejleszteni<\/strong> men\u00fct, majd v\u00e1lassza a lehet\u0151s\u00e9get <strong>Webellen\u0151r megjelen\u00edt\u00e9se<\/strong>.<\/li>\n<\/ul>\n<p><img decoding=\"async\" class=\"postimg\" src=\"https:\/\/www.lifewire.com\/thmb\/N4Rmub0GfXbsfxwNO-Xy2vi5T-A=\/3248x3120\/filters:no_upscale():max_bytes(150000):strip_icc()\/03_Inspect_Element_Safari-756549-ba1a5ebbc9b646f7b22c75365ed67f5a.jpg\"><\/p>\n<p class=\"gt-block\">Ha nem l\u00e1tja a Fejleszt\u00e9s men\u00fct, l\u00e9pjen a <strong>szafari<\/strong> men\u00fct, \u00e9s v\u00e1lassza <strong>preferenci\u00e1k<\/strong>. A <strong>R\u00e9szletes<\/strong> Lapon v\u00e1lassza ki a <strong>A Fejleszt\u00e9s men\u00fc megjelen\u00edt\u00e9se a men\u00fcsorban<\/strong> jel\u00f6l\u0151n\u00e9gyzetet.<\/p>\n<p>\nV\u00e1lassza ki a weboldal egyes elemeit az adott szakaszhoz rendelt jel\u00f6l\u00e9sek megtekint\u00e9s\u00e9hez.\n<\/p>\n<h2>  Ellen\u0151rizze az elemeket az Internet Explorerben  <\/h2>\n<p class=\"gt-block\">\nHasonl\u00f3 ellen\u0151rz\u0151 elem eszk\u00f6z, amely a Fejleszt\u0151i eszk\u00f6z\u00f6k enged\u00e9lyez\u00e9s\u00e9vel \u00e9rhet\u0151 el, el\u00e9rhet\u0151 az Internet Explorer programban. A Fejleszt\u0151i eszk\u00f6z\u00f6k enged\u00e9lyez\u00e9s\u00e9hez nyomja meg a gombot <strong>F12<\/strong>. Vagy menjen a <strong>Eszk\u00f6z\u00f6k<\/strong> men\u00fct, \u00e9s v\u00e1lassza <strong>Fejleszt\u0151i eszk\u00f6z\u00f6k<\/strong>.\n<\/p>\n<p class=\"gt-block\">Az Eszk\u00f6z\u00f6k men\u00fc megjelen\u00edt\u00e9s\u00e9hez nyomja meg a gombot <strong>Alt + X<\/strong>.<\/p>\n<p class=\"gt-block\">\nA weblap elemeinek megtekint\u00e9s\u00e9hez kattintson a jobb gombbal az oldalra, majd v\u00e1lassza a lehet\u0151s\u00e9get <strong>Elem vizsg\u00e1lata<\/strong>. Az Internet Explorer Select elem eszk\u00f6z\u00e9ben jel\u00f6lj\u00f6n ki b\u00e1rmelyik elemet a HTML vagy CSS jel\u00f6l\u00e9s megjelen\u00edt\u00e9s\u00e9hez. A DOM Int\u00e9z\u0151ben val\u00f3 b\u00f6ng\u00e9sz\u00e9s k\u00f6zben letilthatja vagy enged\u00e9lyezheti az elemek kiemel\u00e9s\u00e9t is.\n<\/p>\n<p><img decoding=\"async\" class=\"postimg\" src=\"https:\/\/www.lifewire.com\/thmb\/0xQg_ehokkyGGe6LWAqus5gK86w=\/1516x1046\/filters:no_upscale():max_bytes(150000):strip_icc()\/04_Inspect_Element_Internet_Explorer-756549-4bbad38d90374e288db153b0d747a451.jpg\"><\/p>\n<p>\nA t\u00f6bbi elemellen\u0151rz\u0151 eszk\u00f6zh\u00f6z hasonl\u00f3an az Internet Explorer haszn\u00e1lat\u00e1val elemeket is kiv\u00e1ghat, m\u00e1solhat \u00e9s beilleszthet, szerkesztheti a HTML-jel\u00f6l\u00e9st, hozz\u00e1adhat attrib\u00fatumokat, m\u00e1solhat elemeket csatolt st\u00edlusokkal stb.\n<\/p>\n<h2>  Ellen\u0151rizze az elemeket a Microsoft Edge-ben  <\/h2>\n<p>\nMiel\u0151tt ellen\u0151rizheti a Microsoft Edge elemeit, enged\u00e9lyeznie kell az ellen\u0151rz\u00e9st. K\u00e9tf\u00e9le m\u00f3don lehet enged\u00e9lyezni az ellen\u0151rz\u00e9st:\n<\/p>\n<ul>\n<li>Menjen a c\u00edmsorba, \u00e9s \u00edrja be <strong>about: flags<\/strong>. A p\u00e1rbesz\u00e9dpanelen v\u00e1lassza a ikont <strong>Mutassa meg a Forr\u00e1s n\u00e9zet \u00e9s Ellen\u0151rizze az elemet a helyi men\u00fcben<\/strong> jel\u00f6l\u0151n\u00e9gyzetet.<\/li>\n<li>nyomja meg <strong>F12<\/strong>, Majd v\u00e1lassza ki <strong>DOM Explorer<\/strong>.<\/li>\n<\/ul>\n<p class=\"gt-block\">\nEgy elem ellen\u0151rz\u00e9s\u00e9hez kattintson a jobb gombbal egy elemre a weboldalon, majd v\u00e1lassza a lehet\u0151s\u00e9get <strong>Elem vizsg\u00e1lata<\/strong>.\n<\/p>\n<p><img decoding=\"async\" class=\"postimg\" src=\"https:\/\/www.lifewire.com\/thmb\/xzqm-ic8NHFQqeo81TW53fiwPrM=\/1024x552\/filters:no_upscale():max_bytes(150000):strip_icc()\/05_Inspect_Element_Microsoft_Edge-756549-7072c664271f47668a397b7c220c5435.jpg\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>A weboldalak k\u00f3dsorokb\u00f3l \u00e9p\u00fclnek fel, de az eredm\u00e9nyek k\u00e9pek, vide\u00f3k, bet\u0171t\u00edpusok \u00e9s egy\u00e9b funkci\u00f3kkal rendelkez\u0151 oldalak. Ha meg akarja v\u00e1ltoztatni ezen elemek egyik\u00e9t, vagy meg szeretn\u00e9 n\u00e9zni, mib\u0151l \u00e1ll, keresse meg az azt vez\u00e9rl\u0151 k\u00f3dsort. Ehhez haszn\u00e1ljon elemellen\u0151rz\u0151 eszk\u00f6zt. Nem kell let\u00f6lteni egy ellen\u0151rz\u0151 eszk\u00f6zt, \u00e9s nem kell telep\u00edtenie egy kieg\u00e9sz\u00edt\u0151t a kedvenc webb\u00f6ng\u00e9sz\u0151j\u00e9hez. Ehelyett &#8230; <a title=\"Hogyan ellen\u0151rizhetj\u00fck a webes elemeket a b\u00f6ng\u00e9sz\u0151vel\" class=\"read-more\" href=\"https:\/\/megnyitasa.com\/blog\/hogyan-ellenorizhetjuk-a-webes-elemeket-a-bongeszovel\/\" aria-label=\"Read more about Hogyan ellen\u0151rizhetj\u00fck a webes elemeket a b\u00f6ng\u00e9sz\u0151vel\">Olvass tov\u00e1bb<\/a><\/p>\n","protected":false},"author":1675,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[2],"tags":[],"class_list":["post-3760","post","type-post","status-publish","format-standard","hentry","category-wiki"],"_links":{"self":[{"href":"https:\/\/megnyitasa.com\/blog\/wp-json\/wp\/v2\/posts\/3760","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/megnyitasa.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/megnyitasa.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/megnyitasa.com\/blog\/wp-json\/wp\/v2\/users\/1675"}],"replies":[{"embeddable":true,"href":"https:\/\/megnyitasa.com\/blog\/wp-json\/wp\/v2\/comments?post=3760"}],"version-history":[{"count":0,"href":"https:\/\/megnyitasa.com\/blog\/wp-json\/wp\/v2\/posts\/3760\/revisions"}],"wp:attachment":[{"href":"https:\/\/megnyitasa.com\/blog\/wp-json\/wp\/v2\/media?parent=3760"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/megnyitasa.com\/blog\/wp-json\/wp\/v2\/categories?post=3760"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/megnyitasa.com\/blog\/wp-json\/wp\/v2\/tags?post=3760"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}