ഓരോ ബ്രൗസറിലും ഒരു വെബ് പേജ് ഉറവിട കോഡ് എങ്ങനെ കാണും

നിങ്ങൾ വായിക്കുന്ന വെബ് പേജ് നിർമ്മിച്ചത്, മറ്റ് കാര്യങ്ങളിൽ, സോഴ്സ്കോഡ് കൂടിയാണ്. നിങ്ങളുടെ വെബ് ബ്രൌസർ ഡൌൺലോഡുചെയ്ത്, നിങ്ങൾ ഇപ്പോൾ വായിക്കുന്ന ഭാഷയിലേക്ക് തർജ്ജമ ചെയ്തതാണ്.

മിക്ക വെബ് ബ്രൌസറുകളും നിങ്ങൾ ഏത് തരത്തിലുള്ള ഉപകരണത്തിലാണെങ്കിൽ കൂടി, ആവശ്യമുള്ള സോഫ്റ്റ്വെയർ ആവശ്യമില്ലാത്ത ഒരു വെബ് പേജിന്റെ ഉറവിട കോഡ് കാണുന്നതിനുള്ള കഴിവ് നൽകുന്നു.

ചിലതിൽ വിപുലമായ പ്രവർത്തനവും ഘടനയും വാഗ്ദാനം ചെയ്യുന്നു, കൂടാതെ HTML- ൽ മറ്റ് പ്രോഗ്രാമിങ് കോഡുകൾ പരിശോധിക്കുന്നത് എളുപ്പമാക്കുകയും ചെയ്യുന്നു.

എന്തുകൊണ്ട് നിങ്ങൾ ഉറവിട കോഡ് കാണണം?

ഒരു പേജിന്റെ ഉറവിട കോഡ് കാണാൻ നിങ്ങൾ ആഗ്രഹിച്ചേക്കാവുന്ന നിരവധി കാരണങ്ങൾ ഉണ്ട്. നിങ്ങൾ ഒരു വെബ് ഡവലപ്പാണെങ്കിൽ, ഒരുപക്ഷേ പ്രോഗ്രാമറുടെ പ്രത്യേക ശൈലി അല്ലെങ്കിൽ നടപ്പിലാക്കൽ കവറുകളിൽ ഒരു കണ്ണട എടുക്കുക. ഒരു ഗുണമേൻമ ഉറപ്പുണ്ടായിരിക്കാം നിങ്ങൾ ഒരുപക്ഷേ വെബ്പേജിന്റെ ഒരു ഭാഗം റെൻഡർ ചെയ്യുന്നത് അല്ലെങ്കിൽ അത് പെരുമാറുന്നത് എന്തുകൊണ്ടാണെന്ന് തിരിച്ചറിയാൻ ശ്രമിക്കുന്നു.

നിങ്ങളുടെ സ്വന്തം പേജുകൾ എങ്ങനെ കോഡ് ചെയ്യാമെന്നും ഏതാനും വാസ്തവിക ഉദാഹരണങ്ങൾ തിരയുന്നതെങ്ങനെയെന്ന് പഠിക്കാൻ തുടങ്ങുന്ന ഒരു ബദലായി നിങ്ങൾ ആകാം. തീർച്ചയായും, നിങ്ങൾ ഈ വിഭാഗങ്ങളിലൊന്നിലേയ്ക്കില്ല, മാത്രമല്ല അവ സുന്ദര വസ്തുക്കളിൽനിന്നുള്ള ഉറവിടം കാണാൻ ആഗ്രഹിക്കുന്നു.

നിങ്ങളുടെ ബ്രൗസറിൽ സോഴ്സ് കോഡ് എങ്ങനെ കാണുന്നു എന്നതിനെക്കുറിച്ചുള്ള നിർദ്ദേശങ്ങൾ ചുവടെ ലിസ്റ്റ് ചെയ്തിരിക്കുന്നു.

ഗൂഗിൾ ക്രോം

പ്രവർത്തിക്കുന്നു: Chrome OS, Linux, macOS, Windows

Chrome- ന്റെ ഡെസ്ക്ടോപ്പ് പതിപ്പ് ഒരു പേജിന്റെ ഉറവിട കോഡ് കാണുന്നതിന് മൂന്ന് വ്യത്യസ്ത രീതികൾ വാഗ്ദാനം ചെയ്യുന്നു, ഇനിപ്പറയുന്ന കീബോർഡ് കുറുക്കുവഴി ഉപയോഗിച്ച് ആദ്യത്തേതും ഏറ്റവും ലളിതവും: CTRL + U (മാക്രോസിൽ COMMAND + OPTION + U ).

അമർത്തിയാൽ, ഈ കുറുക്കുവഴി സജീവമായ പേജിനായി HTML, മറ്റ് കോഡ് എന്നിവ പ്രദർശിപ്പിക്കുന്ന പുതിയ ബ്രൗസർ ടാബ് തുറക്കുന്നു. ഈ സ്രോതസ്സ് നിറംകൊണ്ടുള്ളതും ഘടനാപരമായതും നിങ്ങൾ പരസ്പരം കണ്ടെത്തുന്നതിന് സഹായിക്കുന്നു. നിങ്ങൾക്ക് വെബ് പേജിന്റെ URL ന്റെ ഇടത് വശത്തായി ചേർത്തിട്ട് എന്റർ കീ അമർത്തിക്കൊണ്ടുകൊണ്ട്, Chrome- ന്റെ വിലാസ ബാറിൽ താഴെ പറയുന്ന വാചകം നൽകി നിങ്ങൾക്ക് കാണാം: കാഴ്ച ഉറവിടം: (അതായത്, കാഴ്ച ഉറവിടം: https: // www. .)

മൂന്നാമത്തെ സമ്പ്രദായം Chrome- ന്റെ ഡവലപ്പർ ടൂളുകൾ വഴിയാണ്. ഇത് നിങ്ങൾക്ക് പേജിന്റെ കോഡിലേക്ക് കൂടുതൽ ആഴത്തിൽ സഞ്ചരിക്കാൻ സഹായിക്കുന്നു, കൂടാതെ പരിശോധനയ്ക്കും വികസന ലക്ഷ്യങ്ങൾക്കുമായി പറക്കുന്നു. ഈ കീബോർഡ് കുറുക്കുവഴി ഉപയോഗിച്ച് ഡെവലപ്പർ ടൂൾസ് ഇൻറർഫേസ് തുറക്കാനും അടയ്ക്കാനും കഴിയും: CTRL + SHIFT + I ( കമാൻഡ് + ഒപ്ഷൻ + ഞാൻ മാക്കസിൽ). ഇനിപ്പറയുന്ന പാത്ത് ഉപയോഗിച്ച് നിങ്ങൾക്ക് ഇവ തുറക്കാൻ കഴിയും.

1. Chrome- ന്റെ പ്രധാന മെനു ബട്ടണിൽ ക്ലിക്കുചെയ്യുക, മുകളിൽ വലതുവശത്തെ മൂലയിൽ സ്ഥിതിചെയ്ത് മൂന്നു ലംബമായി യോജിക്കുന്ന ഡോട്ടുകളാൽ പ്രതിനിധാനം ചെയ്യപ്പെടും.
2. ഡ്രോപ്പ്-ഡൗൺ മെനു ദൃശ്യമാകുമ്പോൾ, കൂടുതൽ ടൂളുകൾ ഓപ്ഷനിൽ നിങ്ങളുടെ മൗസ് കഴ്സർ ഹോവർ ചെയ്യുക.
3. ഉപ-മെനു ദൃശ്യമാകുമ്പോൾ, ഡവലപ്പർ ഉപകരണങ്ങളിൽ ക്ലിക്കുചെയ്യുക.

Android
Android- നായുള്ള ഒരു വെബ് പേജിന്റെ ഉറവിടമായി Chrome- ൽ, ഇനിപ്പറയുന്ന വാചകം അതിന്റെ വിലാസത്തിന്റെ മുന്നിൽ (അല്ലെങ്കിൽ URL) മുന്നിൽ സമർപ്പിക്കുകയും ലളിതമായി സമർപ്പിക്കുകയും ചെയ്യുന്നു: കാഴ്ച ഉറവിടം :. ഇതിന്റെ ഒരു ഉദാഹരണം കാഴ്ച-ഉറവിടമായിരിക്കും: https: // www. . ചോദ്യം ചെയ്യപ്പെട്ട പേജിൽ നിന്നുള്ള HTML ഉം മറ്റ് കോഡുകളും സജീവ വിൻഡോയിൽ തൽക്ഷണം ദൃശ്യമാകും.

iOS
നിങ്ങളുടെ ഐപാഡ്, ഐഫോൺ അല്ലെങ്കിൽ ഐപോഡ് ടച്ച് എന്നിവയിൽ Chrome ഉപയോഗിച്ച് സോഴ്സ് കോഡ് ഉപയോഗിക്കുന്നതിനുള്ള നേറ്റീവ് രീതികൾ ഇല്ലെങ്കിലും, കാഴ്ച ഉറവിട അപ്ലിക്കേഷൻ പോലെയുള്ള ഒരു മൂന്നാം-കക്ഷി പരിഹാരം പ്രയോജനപ്പെടുത്താനുള്ള ലളിതവും ഏറ്റവും ഫലപ്രദവുമാണ്.

ആപ്പ് സ്റ്റോറിൽ $ 0.99 എന്നതിനായി ലഭ്യമാണ്, കാണുക ഉറവിടം നിങ്ങളെ പേജിൻറെ URL- ൽ പ്രവേശിക്കാൻ ആവശ്യപ്പെടുന്നു (അല്ലെങ്കിൽ ഇത് കോപ്പി / കോൾ ബാറിൽ നിന്നുള്ള വിലാസ ബാറിൽ നിന്ന് ഒട്ടിക്കുക, ഇത് ചിലപ്പോൾ വളരെ ലളിതമായ മാർഗ്ഗമാണ്). HTML ഉം മറ്റ് സോഴ്സ് കോഡുകളും കാണിക്കുന്നതിന് പുറമേ, വ്യക്തിഗത പേജ് അസറ്റുകൾ, പ്രമാണ ഒബ്ജക്റ്റ് മോഡൽ (DOM), പേജ് വലുപ്പം, കുക്കികൾ , മറ്റ് രസകരമായ കാര്യങ്ങൾ എന്നിവ പ്രദർശിപ്പിക്കുന്ന ടാബുകളുമുണ്ട്.

മൈക്രോസോഫ്റ്റ് എഡ്ജ്

പ്രവർത്തിക്കുന്ന: വിൻഡോസ്

ഡെവലപ്പർ ടൂൾസ് ഇൻറർഫേസിലൂടെ നിലവിലെ പേജിന്റെ ഉറവിട കോഡ് കാണാനും വിശകലനം ചെയ്യാനുമൊക്കെയാക്കാൻ എഡ്ജ് ബ്രൗസർ നിങ്ങളെ അനുവദിക്കുന്നു. ഈ ഹാൻഡി ടൂൾസെറ്റ് ആക്സസ് ചെയ്യുന്നതിന് നിങ്ങൾക്ക് ഈ കീബോർഡ് കുറുക്കുവഴികളിലൊന്ന് ഉപയോഗിക്കാം: F12 അല്ലെങ്കിൽ CTRL + U. പകരം മൗസിനെ നിങ്ങൾ തിരഞ്ഞെടുക്കുകയാണെങ്കിൽ, എഡ്ജിന്റെ മെനു ബട്ടണിൽ (മുകളിൽ വലത് കോണിലുള്ള മൂന്ന് ഡോട്ടുകൾ) ക്ലിക്കുചെയ്യുക, കൂടാതെ പട്ടികയിൽ നിന്ന് F12 ഡവലപ്പർ ഉപകരണ ഓപ്ഷൻ തിരഞ്ഞെടുക്കുക.

Dev tools ആദ്യമായി പ്രവർത്തിപ്പിച്ചതിന് ശേഷം, Edge ബ്രൌസറിന്റെ സന്ദർഭ മെനുവിലേക്ക് രണ്ട് അധിക ഓപ്ഷനുകളെ ചേർക്കുന്നു (ഒരു വെബ് പേജിൽ എവിടെയും വലത് ക്ലിക്കുചെയ്ത് ആക്സസ് ചെയ്യാൻ കഴിയും): എലമെൻറും പരിശോധിക്കുക , ഉറവിടം കാണുക , ഡെവഗറിന്റെ ഡീബഗ്ഗർ ഭാഗം തുറക്കുന്ന രണ്ടാമത്തെ ഉറവിട കോഡ് ഉപയോഗിച്ച് ജനങ്ങൾക്കുള്ള സമ്പർക്കമുഖം.

മോസില്ല ഫയർഫോക്സ്

പ്രവർത്തിക്കുന്നു: ലിനക്സ്, മാക്ഓഎസ്, വിൻഡോസ്

ഫയർഫോക്സിന്റെ ഡെസ്ക്ടോപ്പ് പതിപ്പിലെ ഒരു പേജിന്റെ ഉറവിട കോഡ് കാണുന്നതിന് നിങ്ങൾക്ക് കീബോർഡിൽ CTRL + U ( മാക്ഓക്സിൽ COMMAND + U ) അമർത്താം, ഇത് സജീവ വെബ് പേജിനുള്ള HTML, മറ്റ് കോഡ് എന്നിവ അടങ്ങിയിരിക്കുന്ന പുതിയ ടാബുകൾ തുറക്കും.

താഴെ പറയുന്ന ടെക്സ്റ്റ് ഫയർഫോക്സിന്റെ അഡ്രസ്സ് ബാറിൽ ടൈപ്പുചെയ്യുക, നേരിട്ട് പേജ് URL ന്റെ ഇടതുവശത്ത്, പകരം അതേ സ്രോതസ്സായ നിലവിലെ ടാബിൽ കാണിക്കാൻ കഴിയും: view-source: (അതായത്, view source: https: // www.) .

പേജിന്റെ ഉറവിട കോഡ് ആക്സസ് ചെയ്യുന്നതിനുള്ള മറ്റൊരു മാർഗ്ഗം Firefox- ന്റെ ഡവലപ്പർ ഉപകരണങ്ങളിലൂടെയാണ്, ഇനിപ്പറയുന്ന ഘട്ടങ്ങൾ പാലിക്കുന്നതിലൂടെ ആക്സസ് ചെയ്യാൻ കഴിയും.

1. പ്രധാന മെനുവിലെ ബട്ടണിൽ ക്ലിക്ക് ചെയ്യുക, നിങ്ങളുടെ ബ്രൌസർ വിൻഡോയുടെ മുകളിൽ വലത് കോണിൽ സ്ഥിതിചെയ്യുകയും മൂന്നു തിരശ്ചീന ലൈനുകളാൽ പ്രതിനിധാനം ചെയ്യപ്പെടുകയും ചെയ്യുക.
2. പോപ്പ്-ഔട്ട് മെനു ദൃശ്യമാകുമ്പോൾ ഡവലപ്പർ "റെഞ്ച്" ഐക്കൺ ക്ലിക്കുചെയ്യുക.
3. വെബ് ഡവലപ്പർ സന്ദർഭ മെനു ഇപ്പോൾ ദൃശ്യമാകണം. പേജ് ഉറവിട ഓപ്ഷൻ തിരഞ്ഞെടുക്കുക.

ഒരു പേജിന്റെ പ്രത്യേക ഭാഗത്തിനായി ഉറവിട കോഡ് കാണാൻ ഫയർഫോക്സ് നിങ്ങളെ അനുവദിക്കുന്നു, ഇത് പ്രശ്നങ്ങൾ ഒറ്റപ്പെടുത്താൻ എളുപ്പമാക്കുന്നു. അങ്ങനെ ചെയ്യാൻ, ആദ്യം നിങ്ങളുടെ മൗസ് ഉപയോഗിച്ച് നിങ്ങൾ താൽപ്പര്യപ്പെടുന്ന പ്രദേശം ഹൈലൈറ്റ് ചെയ്യുക. അടുത്തതായി, ബ്രൌസറിന്റെ സന്ദർഭ മെനുവിൽ നിന്ന് റൈറ്റ് ക്ലിക്ക് തിരഞ്ഞെടുത്ത് തിരഞ്ഞെടുക്കൽ ഉറവിടം തിരഞ്ഞെടുക്കുക .

Android
ഫയർഫോക്സിന്റെ Android പതിപ്പിലെ സോഴ്സ് കോഡ് കാണുക താഴെക്കൊടുത്തിരിക്കുന്ന ടെക്സ്റ്റ് ഉപയോഗിച്ച് വെബ് പേജിന്റെ URL പ്രീഫിക്സ് ചെയ്ത് സാധ്യമാണ്. ഉദാഹരണത്തിന്, നിങ്ങൾ കാണുന്ന HTML ഉറവിടം ബ്രൗസറിന്റെ വിലാസ ബാറിൽ ഇനിപ്പറയുന്ന ടെക്സ്റ്റ് സമർപ്പിക്കാൻ ആഗ്രഹിക്കുന്ന: view source: https: // www. .

iOS
നിങ്ങളുടെ iPad, iPhone അല്ലെങ്കിൽ iPod touch ലെ വെബ് പേജ് ഉറവിട കോഡ് കാണുന്നതിനുള്ള ഞങ്ങളുടെ ശുപാർശചെയ്യൽ രീതി, ഉറവിട അപ്ലിക്കേഷൻ മുഖേനയാണ്, അപ്ലിക്കേഷൻ സ്റ്റോറിൽ ലഭ്യമാണ് $ 0.99. Firefox ൽ നേരിട്ട് സംയോജിപ്പിച്ചിട്ടില്ലാത്തപ്പോൾ, ചോദ്യത്തിനായുള്ള HTML- ഉം മറ്റ് അനുബന്ധ കോഡുകളും അനായാസം നിർമിക്കുന്നതിന് നിങ്ങൾക്ക് ബ്രൗസറിൽ നിന്ന് ഒരു URL എളുപ്പം പകർത്തി ഒട്ടിക്കാൻ കഴിയും.

ആപ്പിൾ സഫാരി

IOS, macos എന്നിവയിൽ പ്രവർത്തിക്കുന്നു

iOS
IOS- നായുള്ള സഫാരിയിൽ സ്ഥിരസ്ഥിതിയായി പേജ് സ്രോതസ്സ് കാണാനുള്ള കഴിവും ഉൾപ്പെടുത്തിയിട്ടില്ലെങ്കിലും, ബ്രൗസറിനു പകരം വ്യൂ ഉറവിട അപ്ലിക്കേഷൻ ഉപയോഗിച്ച് ഏകീകരിക്കാവുന്നതാണ് - ആപ്പ് സ്റ്റോറിൽ ലഭ്യമാണ് $ 0.99.

ഈ മൂന്നാം കക്ഷി ആപ്ലിക്കേഷൻ സഫാരി ബ്രൌസറിലേക്ക് തിരികെ ഇൻസ്റ്റാൾ ചെയ്തശേഷം സ്ക്രീനിന്റെ അടിയിൽ സ്ഥിതി ചെയ്യുന്ന ഷെയർ ബോഡിയിൽ ടാപ്പുചെയ്ത് ഒരു സ്ക്വയർ, ഒരു അമ്പ് എന്നിവ ഉപയോഗിച്ച് പ്രതിനിധീകരിക്കുന്നു. നിങ്ങളുടെ Safari വിൻഡോയുടെ താഴത്തെ പകുതി ഉൾപ്പടെയുള്ള iOS ഷീറ്റ് ഇപ്പോൾ ദൃശ്യമാകണം. വലതുവശത്തേക്ക് സ്ക്രോൾ ചെയ്ത് കാഴ്ച ഉറവിട ബട്ടൺ തിരഞ്ഞെടുക്കുക.

സജീവ പേജിന്റെ ഉറവിട കോഡിന്റെ വർണ്ണ കോഡുചെയ്ത, ഘടനാപരമായ പ്രാതിനിധ്യം ഇപ്പോൾ പ്രദർശിപ്പിക്കേണ്ടതുണ്ട്, മറ്റ് ടാബുകൾക്കൊപ്പം ഇത് നിങ്ങൾക്ക് പേജ് അസറ്റുകൾ, സ്ക്രിപ്റ്റുകൾ എന്നിവയും അതിലധികവും കാണാൻ കഴിയും.

മാക്രോസ്
സഫാരിയുടെ ഡെസ്ക്ടോപ്പ് പതിപ്പിൽ ഒരു പേജിന്റെ ഉറവിട കോഡ് കാണുന്നതിന് നിങ്ങൾ ആദ്യം അതിൻറെ ഡെവലപ്പ്മെൻറ് മെനപ്പ് സജ്ജമാക്കേണ്ടതുണ്ട്. ചുവടെയുള്ള ചുവടുകൾ ഈ മറഞ്ഞിരിക്കുന്ന മെനു സജീവമാക്കുന്നതും ഒരു പേജിന്റെ HTML ഉറവിടവും പ്രദർശിപ്പിക്കുന്നതിലൂടെ നിങ്ങളെ നയിക്കും.

1. സ്ക്രീനിന്റെ മുകളിലുള്ള ബ്രൗസർ മെനുവിൽ സഫാരിയിൽ ക്ലിക്ക് ചെയ്യുക.
2. ഡ്രോപ്പ്-ഡൗൺ മെനു ദൃശ്യമാകുമ്പോൾ, മുൻഗണന ഓപ്ഷൻ തിരഞ്ഞെടുക്കുക.
3. സഫാരിയുടെ മുൻഗണനകൾ ഇപ്പോൾ ദൃശ്യമാകണം. മുകളിലെ നിരയിലെ ഏറ്റവും വലതുഭാഗത്തായി സ്ഥിതിചെയ്യുന്ന വിപുലമായ ഐക്കണിൽ ക്ലിക്കുചെയ്യുക.
4. വിപുലമായ വിഭാഗത്തിന്റെ ചുവടെ ഒരു ശൂന്യമായ ചെക്ക്ബോക്സ് ഇല്ലാത്ത മെനു ബാറിലെ ഡവലപ്പ്മെൻറ് മെനു കാണിക്കുക . ചെക്ക് ബോക്സിൽ ഒരു ചെക്ക് അടയാനുപയോഗിച്ച് ഈ ബോക്സിൽ ക്ലിക്ക് ചെയ്യുക. ഇടത് വശത്തെ മൂലയിൽ കാണുന്ന 'x' ചുവടെ ക്ലിക്ക് ചെയ്ത് മുൻഗണനകൾ വിൻഡോ അടയ്ക്കുക.
5. സ്ക്രീനിന്റെ മുകളിലുള്ള വികസിപ്പിച്ച മെനുവിൽ ക്ലിക്ക് ചെയ്യുക.
6. ഡ്രോപ്പ്-ഡൗൺ മെനു ദൃശ്യമാകുമ്പോൾ, പേജ് ഉറവിടം കാണിക്കുക എന്നത് തിരഞ്ഞെടുക്കുക. പകരം നിങ്ങൾക്ക് ഇനിപ്പറയുന്ന കീബോർഡ് കുറുക്കുവഴിയും ഉപയോഗിക്കാം: COMMAND + OPTION + U.

Opera

പ്രവർത്തിക്കുന്നു: ലിനക്സ്, മാക്ഓഎസ്, വിൻഡോസ്

Opera വെബ്പേജിലെ സജീവ വെബ് പേജിൽ നിന്നും സോഴ്സ് കോഡ് കാണുന്നതിന് ഇനിപ്പറയുന്ന കീബോർഡ് കുറുക്കുവഴികൾ ഉപയോഗിക്കുക: CTRL + U (മാക്രോസിൽ COMMAND + OPTION + U ). പകരം നിലവിലെ ടാബിൽ ഉറവിടം ലോഡുചെയ്യാൻ നിങ്ങൾ താൽപ്പര്യപ്പെടുന്നെങ്കിൽ, വിലാസബാറിൽ നിന്ന് പേജിന്റെ URL ലെ ഇടതുഭാഗത്ത് താഴെ നൽകിയിരിക്കുന്ന ടെക്സ്റ്റ് ടൈപ്പുചെയ്യുക, Enter അമർത്തുക : (അതായത്, കാഴ്ച ഉറവിടം: https: // www. ).

ഓപറിന്റെ ഡെസ്ക്ടോപ് പതിപ്പു് എച്ച്ടിഎംഎൽ സോഴ്സ്, സിഎസ്എസ്, മറ്റു ഘടകങ്ങൾ തുടങ്ങിയവ അതിന്റെ ഇന്റഗ്രേറ്റഡ് ഡവലപ്പർ ടൂളുകൾ ഉപയോഗിച്ചാണ് കാണുന്നതു്. ഈ ഇൻറർഫേസ് സമാരംഭിക്കുന്നതിനായി, നിങ്ങളുടെ പ്രധാന ബ്രൗസർ വിൻഡോയുടെ വലത് വശത്ത് സ്ഥിരസ്ഥിതിയായി ദൃശ്യമാകും, ഇനിപ്പറയുന്ന കീബോർഡ് കുറുക്കുവഴി അമർത്തുക: CTRL + SHIFT + I ( കമാൻഡ് + ഒപ്ഷൻ + ഞാൻ MacOS- ൽ).

ഓപ്പറേറ്റിങ് ഡവലപ്പർ ടൂൾസെറ്റ് താഴെ പറയുന്ന നടപടികൾ കൈക്കൊള്ളുന്നു.

1. നിങ്ങളുടെ ബ്രൗസർ വിൻഡോയുടെ മുകളിൽ ഇടത് കോണിലുള്ള Opera ലോഗോയിൽ ക്ലിക്കുചെയ്യുക.
2. ഡ്രോപ്പ്-ഡൗൺ മെനു ദൃശ്യമാകുമ്പോൾ, കൂടുതൽ ടൂളുകൾ ഓപ്ഷനിൽ നിങ്ങളുടെ മൗസ് കഴ്സർ ഹോവർ ചെയ്യുക.
3. ഷോ ഡവലപ്പർ മെനുവിൽ ക്ലിക്കുചെയ്യുക.
4. Opera ലോഗോയിൽ വീണ്ടും ക്ലിക്ക് ചെയ്യുക.
5. ഡ്രോപ്പ്-ഡൗൺ മെനു ദൃശ്യമാകുമ്പോൾ, ഡവലപ്പർ വഴി നിങ്ങളുടെ കഴ്സർ ഹോവർ ചെയ്യുക.
6. ഉപ-മെനു ദൃശ്യമാകുമ്പോൾ ഡവലപ്പർ ഉപകരണങ്ങളിൽ ക്ലിക്കുചെയ്യുക.

വിവാൽഡി

വിവാദ്യി ബ്രൌസറിൽ പേജ് ഉറവിടം കാണാൻ നിരവധി വഴികളുണ്ട്. ഒരു പുതിയ ടാബിലെ സജീവ പേജിൽ നിന്നും കോഡ് അവതരിപ്പിക്കുന്ന CTRL + U കീബോർഡ് കുറുക്കുവഴി വഴിയാണ് ഏറ്റവും ലളിതമായത്.

പേജിന്റെ URL- ന്റെ മുന്നിൽ താഴെ പറയുന്ന വാചകം നിങ്ങൾക്ക് ചേർക്കാം, ഇത് നിലവിലെ ടാബ് സോഴ്സ് കോഡ് കാണിക്കും: കാണുക ഉറവിടം:. ഇതിന്റെ ഒരു ഉദാഹരണം കാഴ്ച-ഉറവിടമായിരിക്കും: http: // www. .

ബ്രൌസറിന്റെ ഇന്റഗ്രേറ്റഡ് ഡവലപ്പർ ടൂൾ വഴി ബ്രൌസറിന്റെ ടൂൾസ് മെനുവിൽ ഡവലപ്പർ ടൂൾസ് ഓപ്ഷനുകൾ വഴി ആക്സസ് ചെയ്യാവുന്ന ബ്രൌസറിന്റെ ഇന്റഗ്രേറ്റഡ് ഡവലപ്പർ ടൂൾ വഴി ആക്സസ് ചെയ്യാവുന്ന മറ്റൊരു രീതിയാണ് മുകളിൽ ഇടത് കോണിലുള്ള 'V' ലോഗോയിൽ ക്ലിക്ക് ചെയ്യുന്നത്. പേജിന്റെ ഉറവിടത്തിലെ കൂടുതൽ ആഴത്തിലുള്ള വിശകലനത്തിനായി dev tools ഉപയോഗിക്കുന്നത് അനുവദിക്കുന്നു.