Si të inspektoni elementet në Mac, Windows, iPhone dhe iPad

Zhvilluesit dhe dizajnerët e UI përdorin veçorinë Inspect Element për të modifikuar faqet e internetit në internet pa ndryshuar kodin burimor. Por si të inspektohen elementet pa ndërmarrë një kurs zhvillimi në internet?

Inspect Element është një mjet i dobishëm zhvilluesish që del nga kutia me shfletuesit e njohur të internetit. Thjesht duhet të dini se si ta vendosni mjetin me disa klikime gjatë shfletimit të faqeve të internetit.

Ju mund të bëni shumë truke magjike si ndryshimi i paraqitjes së faqes në internet, marrja e pamjeve të ekranit pa tekst, ndryshimi i shkronjave, modifikimi i numrave dhe më shumë.

Gjeni më poshtë një udhëzues konciz hap pas hapi për të mësuar se si të inspektoni elementët pa mundim.

Çfarë është elementi i inspektimit?

Inspect Element është një mjet zhvillimi në internet i disponueshëm në shumicën e shfletuesve të internetit. Mund ta përdorni për të modifikuar kodin burimor të faqes së përparme të çdo faqe interneti që po vizitoni.

Ndryshimet që bëni ndodhin brenda një sandbox brenda shfletuesit tuaj të internetit. Pra, nuk po bëni asnjë ndryshim në faqen aktuale të internetit. Gjithashtu, ndryshimet sipërfaqësore që bëni zhduken kur rifreskoni faqen.

Këtu janë disa mënyra krijuese për ta përdorur atë:

• Ju duhet të bëni një pamje nga një faqe interneti dhe tekstet në imazh po ju shqetësojnë. Përdorni mjetin Inspect Element për t'i fshirë ato tekste.
• Ju dëshironi të shakani miqtë tuaj duke u treguar atyre emrin tuaj në New York Times ose Washington Post. Inspect Element është mënyra më e mirë për ta bërë këtë.
• Testoni kodet e korrigjimit në faqet e internetit duke i aplikuar ato në kohë reale duke përdorur mjetin Inspect Element. Nëse funksionon, mund të ndryshoni kodin burimor të backend.
• Si një tregtar dixhital, ju mund të zbuloni fjalët kyçe të konkurrentëve, titujt e SEO, meta etiketat, etj., duke përdorur këtë mjet të fuqishëm të zhvillimit të uebit.

Si të inspektoni elementet në Windows

Përdorimi i mjetit Inspect Element në Windows është jashtëzakonisht i lehtë. Gjeni më poshtë një udhëzues hap pas hapi për të inspektuar elementë duke përdorur shfletues të ndryshëm të internetit në Windows:

Vegla e Inspektimit të Google Chrome

Si të inspektoni elementet në shfletuesin Windows Chrome

• Kur përdorni Google Chrome , kliko me të djathtën kudo në një faqe interneti.
• Menyja e kontekstit me klikimin e djathtë do të shfaqet.
• Në fund, do të shihni Inspect .
• Klikoni Inspect për të parë kodet HTML dhe CSS në një panel në anën e djathtë .

Si mund ta hap Inspect Element në Chrome pa klikim me të djathtën?

Ka disa shkurtore të dobishme për të hapur mjetin Inspect Element në Google Chrome për Windows. Këto çelësa të nxehtë janë si më poshtë:

• Ctrl + Shift + C
• Tasti i funksionit F12

Tastat e mësipërme funksionojnë gjithashtu në shfletuesin Mozilla për Windows.

Mjeti i Inspektorit Mozilla

Si të inspektoni elementet në shfletuesin Windows Mozilla

Në shfletuesin Mozilla, procesi është i njëjtë me Google Chrome. Sidoqoftë, dritarja e Inspektorit do të shfaqet në fund të shfletuesit në vend të anës së djathtë, si në Google Chrome.

Mjeti i inspektimit të Microsoft Edge

Si të inspektoni elementet në shfletuesin Windows Edge

Çuditërisht, Elementi i Inspektimit të Microsoft Edge funksionon në mënyrë të ngjashme me shfletuesin Google Chrome. Mjeti Inspect është i disponueshëm kur klikoni me të djathtën. Gjithashtu, kodet HTML dhe CSS shfaqen në anën e djathtë, të ngjashme me Google Chrome.

Si të inspektoni elementet në Mac

A po përdorni Google Chrome, Mozilla Firefox ose Microsoft Edge në kompjuterët Mac të Apple? Nëse po, atëherë mund të vendosni mjetin Inspect Element duke ndjekur hapat e përmendur më lart në seksionin Windows.

Por, nëse jeni duke përdorur shfletuesin e paracaktuar të macOS, Safari, atëherë përdorimi i mjetit Inspect Element është një lojë e ndërlikuar. Si parazgjedhje, Safari nuk shfaq Inspect Element në një Mac. Ja çfarë duhet të bëni:

Si të hapni elementin e inspektimit në Mac

Së pari, duhet të aktivizoni mjetet e zhvilluesit në Safari në një Mac. Ja se si:

• Drejtoni shfletuesin Safari .
• Vizitoni një faqe interneti në të cilën dëshironi të inspektoni elementët e uebit.
• Zgjidhni Safari nga shiriti i menysë së sipërme të shfletuesit Safari.
• Klikoni Preferencat nga menyja e kontekstit që hapet.
• Në ekranin Preferenca , zgjidhni Advanced .
• Shënoni menynë Show Develop në fund të ekranit të Preferencave të Avancuara .

Ju keni aktivizuar me sukses mjetet e zhvilluesve në Safari për Mac. Tani, ndiqni këto hapa për të përdorur Inspect Element:

• Në çdo element të një faqe interneti si një tekst ose imazh, kliko me të djathtën .
• Do të shfaqet një menu konteksti. Në fund, do të shihni Inspect Element .
• Klikoni mbi të për të hapur një seksion korrigjimi poshtë faqes së internetit që tregon kodet HTML dhe CSS .

Cilat janë çelësat për elementin e inspektimit?

Ju mund të kërkoni shkurtore për Inspect Element në Mac. Ju mund të përdorni sa vijon:

• Komanda + Shift + C
• Shtypni tastin Control dhe më pas zgjidhni çdo element.
• Klikoni në tastierën me dy gishta

Si të inspektoni elementet në Chromebook

Chromebook përdor Google Chrome si shfletuesin e paracaktuar. Prandaj, pas hapjes së çdo faqe interneti, thjesht kliko me të djathtën për të gjetur opsionin Inspect Element në menunë e kontekstit që vijon.

Nëse përdorni një Chromebook nga puna ose shkolla, mund të bëni këtë pyetje:

Pse nuk mund të inspektoj në Chromebook në shkollën time?

Shumica e administratorëve të shkollave dhe biznesit çaktivizojnë veçoritë e përparuara në Chromebook që ju ofrojnë për punë ose studim. Meqenëse veglat e zhvilluesve janë veçori të përparuara, ka shumë të ngjarë që Chromebook në shkollë ose në punë të mos shfaqë mjetin Inspect Element.

Si të inspektoni elementet në iPad/iPhone

Fatkeqësisht, nuk mund të përdorni mjetin Inspect Element në një iPhone ose iPad pa një Mac.

iOS dhe iPadOS kanë Web Inspector për aplikacionin Safari. Megjithatë, funksionon vetëm nëse e lidhni pajisjen celulare me një Mac në të cilin keni aktivizuar tashmë veglat e zhvilluesve për Safari. Më poshtë janë hapat që mund të provoni:

• Hapni aplikacionin Cilësimet e iPad/iPhone .
• Klikoni Safari në panelin e lundrimit në anën e majtë.

Hapja e cilësimeve të Safari në iPad ose iPhone

• Më pas, lëvizni poshtë në anën e djathtë për të gjetur dhe zgjedhur Të avancuara .

Aktivizimi i Inspektorit të Uebit në iPad dhe iPhone

• Aktivizoni çelësin për Web Inspector .
• Tani, lidhni pajisjen celulare me Mac duke përdorur USB .
• Autorizoni iPhone/iPad në Mac.
• Hapni çdo faqe interneti në një pajisje celulare në Safari.
• Tani, ekzekutoni Safari në Mac dhe zgjidhni Zhvilloni në shiritin e menusë së sipërme.
• Në menynë e kontekstit që hapet, kërkoni emrin e pajisjes tuaj celulare.
• Zhvendosni kursorin mbi pajisjen celulare për të parë të gjitha faqet e hapura të internetit.
• Tani, zgjidhni çdo faqe interneti për të parë kodin burimor HTML dhe CSS në shfletuesin Safari të Mac.

konkluzioni

Ju keni eksploruar të gjitha mënyrat e mundshme për të përdorur mjetin Inspect Element për redaktimin e përkohshëm të faqes në internet. Ke mësuar gjithashtu se si të inspektosh elementë për pajisje të ndryshme si Mac, Windows, Chromebook, iPad dhe iPhone.

Herën tjetër që ju duhet të modifikoni një faqe interneti për argëtim ose për nevoja profesionale, provoni këto metoda. Padyshim që do t'ju pëlqejnë këto hapa të lehtë mbi metodat e tjera të ndërlikuara të shpjeguara diku tjetër.

Mos harroni të lini komente më poshtë nëse hapat e mësipërm ju ndihmuan, ndonjë metodë që ju duket sfiduese ose ndonjë këshillë sekrete në lidhje me mjetin Inspect Element.

Keni nevojë për një faqe interneti si referencë e printuar? Mësoni se si të ruani shpejt një faqe interneti si PDF tani!