വെബ് ഡെവലപ്പർമാർ, വിദ്യാർത്ഥികൾ, സൈറ്റ് ഉടമകൾ എന്നിവർക്ക് വെബ്സൈറ്റിന് പിന്നിലെ മാർക്ക്അപ്പ് പര്യവേക്ഷണം ചെയ്യാനും അവരുടെ ഉപകരണത്തിൽ മാറ്റങ്ങൾ പരീക്ഷിക്കാനും HTML വ്യൂവർ സഹായിക്കുന്നു. ഉറവിടം കാണാനും, HTML എഡിറ്റ് ചെയ്യാനും, പേജ് ഉറവിടങ്ങൾ പരിശോധിക്കാനും അല്ലെങ്കിൽ പൊതുവായ ഘടനാപരമായ പ്രശ്നങ്ങൾ അവലോകനം ചെയ്യാനും ഒരു URL നൽകുക. പൂർണ്ണമായ വികസന സജ്ജീകരണം ആരംഭിക്കാതെ തന്നെ നിങ്ങളുടെ ചോദ്യത്തിന് അനുയോജ്യമായ ഉപകരണം തിരഞ്ഞെടുക്കുക.
വായിക്കുക, എഡിറ്റ് ചെയ്യുക, പ്രിവ്യൂ ചെയ്യുക
HTML എഡിറ്ററിൽ ഒരു പേജ് തുറന്ന് അതിന്റെ റെൻഡർ ചെയ്ത ഔട്ട്പുട്ടുമായി നിങ്ങളുടെ കോഡ് താരതമ്യം ചെയ്യുക. നിങ്ങൾ ജോലി ചെയ്യുമ്പോൾ മാറ്റങ്ങൾ കാണുന്നതിന് സ്പ്ലിറ്റ് പ്രിവ്യൂ ഓണാക്കുക. വാക്യഘടന ഹൈലൈറ്റിംഗ്, ടാഗ് നിർദ്ദേശങ്ങൾ, കണ്ടെത്തി മാറ്റിസ്ഥാപിക്കുക, ഗോ-ടു-ലൈൻ നിയന്ത്രണങ്ങൾ, പഴയപടിയാക്കുക, വീണ്ടും ചെയ്യുക എന്നിവ ദൈർഘ്യമേറിയ പ്രമാണങ്ങൾ നാവിഗേറ്റ് ചെയ്യാൻ നിങ്ങളെ സഹായിക്കുന്നു. എളുപ്പത്തിൽ വായിക്കാൻ മാർക്ക്അപ്പ് ഫോർമാറ്റ് ചെയ്യുക അല്ലെങ്കിൽ അത് ഒതുക്കാൻ മിനിഫൈ പ്രവർത്തനം ഉപയോഗിക്കുക.
ഒരു HTML സ്റ്റാർട്ടർ, ലാൻഡിംഗ് പേജ്, ആക്സസ് ചെയ്യാവുന്ന ഫോം അല്ലെങ്കിൽ പുനരുപയോഗിക്കാവുന്ന കാർഡ് ടെംപ്ലേറ്റ് എന്നിവ ഉപയോഗിച്ച് ഒരു പരീക്ഷണം ആരംഭിക്കുക. പൊരുത്തപ്പെടാത്ത ടാഗുകൾ, ഡ്യൂപ്ലിക്കേറ്റ് ഐഡികൾ, നഷ്ടപ്പെട്ട ഇമേജ് ആൾട്ട് ആട്രിബ്യൂട്ടുകൾ എന്നിവ പോലുള്ള സാധാരണ പ്രശ്നങ്ങളും എഡിറ്റർ ഫ്ലാഗ് ചെയ്യുന്നു. ഒരു ലോക്കൽ .html ഫയൽ തുറക്കുക, നിങ്ങളുടെ എഡിറ്റ് ചെയ്ത പ്രമാണം സംരക്ഷിക്കുക അല്ലെങ്കിൽ ലഭ്യമായ ഉപകരണ പ്രവർത്തനങ്ങളിലൂടെ കോഡ് പങ്കിടുക. എഡിറ്റുകൾ നിങ്ങളുടെ പ്രവർത്തന പകർപ്പിനെ ബാധിക്കുന്നു, യഥാർത്ഥ വെബ്സൈറ്റിനെയല്ല.
പേജ് ഘടന അവലോകനം ചെയ്യുക
ശീർഷകങ്ങൾ, മെറ്റാ വിവരണങ്ങൾ, കാനോനിക്കൽ URL-കൾ, ഡോക്യുമെന്റ് ഭാഷ, വ്യൂപോർട്ട് മെറ്റാഡാറ്റ, സോഷ്യൽ ഷെയറിംഗ് മെറ്റാഡാറ്റ എന്നിവ പരിശോധിക്കുന്നതിന് ഒരു സൈറ്റ് റിപ്പോർട്ട് പ്രവർത്തിപ്പിക്കുക. ലിങ്കുകൾ, ചിത്രങ്ങൾ, സ്ക്രിപ്റ്റുകൾ, ശൈലികൾ, ഫോമുകൾ എന്നിവയ്ക്കായുള്ള തലക്കെട്ട് ലെവലുകളും എണ്ണങ്ങളും പര്യവേക്ഷണം ചെയ്യുക. കണ്ടെത്തലുകൾ കാണാതായ ലേബലുകൾ, പേരിടാത്ത ലിങ്കുകൾ, ഡ്യൂപ്ലിക്കേറ്റ് ഐഡികൾ, സുരക്ഷിതമല്ലാത്ത റിസോഴ്സ് റഫറൻസുകൾ എന്നിവയിലേക്ക് ശ്രദ്ധ ആകർഷിക്കുന്നു. മറ്റൊരാളുമായി ഒരു പേജ് ചർച്ച ചെയ്യുമ്പോൾ റിപ്പോർട്ട് പകർത്തുക അല്ലെങ്കിൽ പങ്കിടുക.
ലിങ്കുകളും റിസോഴ്സുകളും പരിശോധിക്കുക
ലോഡ് ചെയ്ത പേജിന്റെ ലിങ്കുകൾ, ചിത്രങ്ങൾ, ബാഹ്യ സ്ക്രിപ്റ്റുകൾ, സ്റ്റൈൽഷീറ്റുകൾ എന്നിവ സ്കാൻ ചെയ്യുക. പ്രവർത്തിക്കുന്ന, റീഡയറക്ട് ചെയ്തതും പരാജയപ്പെട്ടതുമായ പ്രതികരണങ്ങൾ കാണുക, ബാഹ്യ വിലാസങ്ങളിൽ നിന്ന് ആന്തരികം വേർതിരിച്ചറിയുക, തകർന്നതോ സുരക്ഷിതമല്ലാത്തതോ ആയ ഉറവിടങ്ങളിൽ ശ്രദ്ധ കേന്ദ്രീകരിക്കുന്നതിന് ഫലങ്ങൾ ഫിൽട്ടർ ചെയ്യുക. ഫലങ്ങൾ തിരയുക, വ്യക്തിഗത URL-കൾ പകർത്തുക അല്ലെങ്കിൽ ഫോളോ-അപ്പിനായി ഒരു ടെക്സ്റ്റ് റിപ്പോർട്ട് പകർത്തുക. അഭ്യർത്ഥന പരാജയങ്ങൾക്ക് സെർവർ നിയന്ത്രണങ്ങളോ കണക്റ്റിവിറ്റിയോ പ്രതിഫലിപ്പിക്കാൻ കഴിയും.
വ്യത്യസ്ത വ്യൂപോർട്ടുകൾ പരീക്ഷിക്കുക
ഫോൺ, ടാബ്ലെറ്റ്, ഡെസ്ക്ടോപ്പ് വലുപ്പങ്ങൾക്കായി റെസ്പോൺസീവ് പ്രിവ്യൂ പ്രീസെറ്റുകൾ ഉപയോഗിക്കുക, അല്ലെങ്കിൽ ഇഷ്ടാനുസൃത അളവുകൾ നൽകുക. വ്യൂപോർട്ട് തിരിക്കുക, സൂം ക്രമീകരിക്കുക, ലൈറ്റ്, ഡാർക്ക് അല്ലെങ്കിൽ സിസ്റ്റം കളർ സ്കീം തിരഞ്ഞെടുക്കുക. ഒരു വെബ്സൈറ്റ് വ്യത്യസ്ത സെർവർ-റെൻഡർ ചെയ്ത ഉള്ളടക്കം നൽകുമ്പോൾ, മറ്റൊരു ഉപയോക്തൃ ഏജന്റുമായി പുതുക്കുക. നിലവിലെ പ്രിവ്യൂ ഒരു സ്ക്രീൻഷോട്ടായി പങ്കിടുക. ലേഔട്ടുകൾ താരതമ്യം ചെയ്യാൻ ഒരു സിമുലേറ്റഡ് വ്യൂപോർട്ട് സഹായിക്കുന്നു; അത് എല്ലാ ഭൗതിക ഉപകരണങ്ങളെയും പുനർനിർമ്മിക്കുന്നില്ല.
പ്രിവ്യൂ പെരുമാറ്റത്തിലേക്ക് നോക്കുക
ആപ്പിന്റെ ഇൻസ്ട്രുമെന്റഡ് പേജ് പ്രിവ്യൂവിൽ നിന്ന് കൺസോൾ വ്യൂവർ സന്ദേശങ്ങൾ, മുന്നറിയിപ്പുകൾ, പിശകുകൾ എന്നിവ ശേഖരിക്കുന്നു. നെറ്റ്വർക്ക് ഇൻസ്പെക്ടർ ക്യാപ്ചർ ചെയ്ത ഫെച്ച്, XMLHttpRequest, ലഭ്യമായ സ്റ്റാറ്റസും സമയ വിശദാംശങ്ങളും ഉള്ള റിസോഴ്സ് ആക്റ്റിവിറ്റി എന്നിവ കാണിക്കുന്നു. എൻട്രികൾ മായ്ക്കുക, പ്രിവ്യൂ വീണ്ടും ലോഡുചെയ്യുക, ഒരു പ്രത്യേക പ്രശ്നം അന്വേഷിക്കാൻ ഫിൽട്ടറുകൾ ഉപയോഗിക്കുക. മറ്റ് ആപ്പുകളിൽ നിന്നുള്ള ട്രാഫിക്കിന് പകരം ഈ ഉപകരണങ്ങൾ ആ പ്രിവ്യൂ പരിശോധിക്കുന്നു.
ഉപയോഗപ്രദമായ റഫറൻസുകൾ സൂക്ഷിക്കുക
എക്സ്ട്രാക്റ്റുചെയ്ത പേജ് ചിത്രങ്ങൾ ബ്രൗസ് ചെയ്യുക, ഫയൽ നാമം അല്ലെങ്കിൽ ഫോർമാറ്റ് അനുസരിച്ച് തിരയുക, ഒരു ചിത്രം സംരക്ഷിക്കുന്നതിന് മുമ്പ് പ്രിവ്യൂ ചെയ്യുക. ദൃശ്യമായ എക്സ്പോർട്ട് വ്യൂപോർട്ടിന്റെ സ്ക്രീൻഷോട്ട് പങ്കിടുക അല്ലെങ്കിൽ ലോഡ് ചെയ്ത പേജിന്റെ ഒരു PDF സൃഷ്ടിക്കുക. PDF ക്യാപ്ചർ പേജ് ഉയരത്തിന്റെ 16,000 പിക്സലുകളായി പരിമിതപ്പെടുത്തിയിരിക്കുന്നു. ഉപയോഗപ്രദമായ സൈറ്റുകളിലേക്ക് മടങ്ങുന്നതിന് പ്രിയപ്പെട്ട URL-കൾ സംരക്ഷിക്കുക, വിലാസ നിർദ്ദേശങ്ങൾ ഉപയോഗിക്കുക, സമീപകാല പരിശോധനാ ചരിത്രം തിരയുക.
വെബ്സൈറ്റ് ലോഡിംഗ്, റിസോഴ്സ് പരിശോധനകൾ, വിദൂര ഉള്ളടക്കം എന്നിവയ്ക്ക് ഇന്റർനെറ്റ് കണക്ഷൻ ആവശ്യമാണ്. സംരക്ഷിത പേജുകൾ, ബ്ലോക്ക് ചെയ്ത ചിത്രങ്ങൾ, ബ്രൗസർ സുരക്ഷാ നിയമങ്ങൾ എന്നിവ ഫലങ്ങളെയോ കയറ്റുമതിയെയോ പരിമിതപ്പെടുത്തും. സുഖകരമായ വായനയ്ക്കായി ലഭ്യമായ ലൈറ്റ്, ഡാർക്ക്, സിസ്റ്റം ആപ്പ് തീമുകൾ ഉപയോഗിച്ച്, ആക്സസ് ചെയ്യാവുന്ന വെബ് ഉള്ളടക്കം പഠിക്കാനും നിങ്ങളുടെ സ്വന്തം ആശയങ്ങൾ പരീക്ഷിക്കാനും ടൂൾകിറ്റ് ഉപയോഗിക്കുക.
വെബ്സൈറ്റ് ഉറവിടം കാണുക, HTML എഡിറ്റ് ചെയ്യുക, ഉറവിടങ്ങൾ പരിശോധിക്കുക, പ്രതികരിക്കുന്ന ലേഔട്ടുകൾ പ്രിവ്യൂ ചെയ്യുക.
അപ്ഡേറ്റ് ചെയ്ത തീയതി
2026 ഒക്ടോ 25