ശുഭദിനം, പ്രിയ വായനക്കാരേഎന്റെ ബ്ലോഗ്. ചിലപ്പോൾ നിങ്ങൾ വെബ്സൈറ്റിൽ എന്തെങ്കിലും കണ്ടെത്തും മനോഹരമായ ചിപ്പ്സ്രഷ്ടാവ് എങ്ങനെ അത്തരമൊരു രസകരമായ പ്രഭാവം നേടി എന്ന ചോദ്യം പീഡിപ്പിക്കാൻ തുടങ്ങുന്നു.
ഉത്തരം വളരെ ലളിതമാണെന്ന് ഇത് മാറുന്നു. നിങ്ങൾക്ക് ചില കഴിവുകളുണ്ടെങ്കിൽ, നിങ്ങൾക്ക് ഈ സവിശേഷതകൾ ധാരാളം ശേഖരിക്കാനും ചുരുങ്ങിയ സമയത്തിനുള്ളിൽ നിങ്ങളുടെ സ്വന്തം അദ്വിതീയ വെബ്സൈറ്റ് സൃഷ്ടിക്കാനും കഴിയും.
ഒരു പേജിന്റെ കോഡ്, ഒരു പ്രത്യേക ഘടകം എങ്ങനെ തുറക്കാമെന്നും നിങ്ങളുടെ പ്രയോജനത്തിനായി ഈ വൈദഗ്ദ്ധ്യം എങ്ങനെ ഉപയോഗിക്കാമെന്നും ഇന്ന് നമ്മൾ സംസാരിക്കും.
കോഡിന്റെ അടിസ്ഥാന അറിവ്എന്റെ സൈറ്റ് തുടക്കക്കാർക്കായി ഉദ്ദേശിച്ചുള്ളതാണ്, ആദ്യം സൈറ്റുകളെയും കോഡിനെയും കുറിച്ച് ചുരുക്കമായി സംസാരിക്കാൻ ഞാൻ ആഗ്രഹിക്കുന്നു.
ഒരു ചിത്രം വരയ്ക്കുന്നതിന്, അതിനെ ചെറിയ ഭാഗങ്ങളായി മുറിക്കുക, കോഡ് എഴുതുക, അതുവഴി ബ്രൗസർ എല്ലാ ഘടകങ്ങളും ഒരൊറ്റ മൊത്തത്തിൽ വീണ്ടും കൂട്ടിച്ചേർക്കും. എല്ലാം വളരെ സങ്കീർണ്ണമാണെന്ന് തോന്നുന്നുണ്ടോ? ഇല്ല, അതിനെക്കുറിച്ച് സങ്കടപ്പെടുന്നതിൽ അർത്ഥമില്ല.
ഉയർന്ന നിലവാരമുള്ള വെബ്സൈറ്റുകൾ സൃഷ്ടിക്കപ്പെടുന്നത് ഇങ്ങനെയാണ്. നിങ്ങൾക്ക് വേണമെങ്കിൽ, ഈ വിഷയത്തിൽ ഇടപെട്ട് അത് പഠിക്കുക; നിങ്ങൾക്ക് താൽപ്പര്യമില്ലെങ്കിൽ, ആർക്കും നിങ്ങളെ നിർബന്ധിക്കാനാവില്ല.
ഞാൻ ഒരു കാര്യം മാത്രമേ പറയൂ... നിങ്ങൾ എഴുതിയ മനസ്സിലാക്കാൻ കഴിയാത്ത വാക്കുകൾ ഒരു മൊത്തത്തിൽ എങ്ങനെ രൂപാന്തരപ്പെടുകയും ജീവസുറ്റതാകുകയും ചെയ്യുന്നു എന്നത് കാണുന്നതിനേക്കാൾ മനോഹരമായി മറ്റൊന്നില്ല: ലിങ്കുകൾ പ്രവർത്തിക്കുന്നു, ബട്ടണുകൾ നീങ്ങുന്നു, ചിത്രങ്ങൾ നീങ്ങുന്നു, ടെക്സ്റ്റ് ക്രാൾ ചെയ്യുന്നു. വിക്ടർ ഫ്രാങ്കെൻസ്റ്റൈന് എങ്ങനെ തോന്നി എന്ന് എനിക്കറിയാമെന്ന് ഞാൻ കരുതുന്നു.
നിങ്ങൾ രഹസ്യ ഭാഷ മനസ്സിലാക്കാൻ തുടങ്ങുകയും എല്ലാം യഥാർത്ഥത്തിൽ ആദ്യം തോന്നിയതിനേക്കാൾ വളരെ ലളിതമാണെന്ന് കാണുകയും ചെയ്യുമ്പോൾ, നിങ്ങൾക്ക് വിശ്വസിക്കാതിരിക്കാൻ കഴിയില്ല. സ്വന്തം ശക്തിതലച്ചോറിന്റെ കഴിവുകളും. ഇത് വളരെ രസകരമാണ്.
എങ്ങനെയാണ് വെബ്സൈറ്റുകൾ നിർമ്മിക്കുന്നത്? എബൌട്ട്, ആദ്യം. അവൻ വെറുതെ ഒരു ചിത്രം വരയ്ക്കുകയാണ്. ഉദാഹരണത്തിന്, ചുവടെയുള്ള ചിത്രത്തിൽ കാണിച്ചിരിക്കുന്നതുപോലെ. തൽക്കാലം അതൊരു ചിത്രം മാത്രമാണ്. ലിങ്കുകളൊന്നും പ്രവർത്തിക്കുന്നില്ല, നിങ്ങൾ ക്ലിക്കുചെയ്യുമ്പോൾ നിങ്ങൾ എവിടെയും പോകില്ല, തിരയലൊന്നും നടത്തില്ല.
ഈ ഡ്രോയിംഗ് അനുസരിച്ച്. താഴെയുള്ള സ്ക്രീൻഷോട്ട് നോക്കുക. ഇത് പരിഹാസ്യവും വളരെ സങ്കീർണ്ണവുമായ ചിഹ്നങ്ങളാണെന്ന് നിങ്ങൾ ചിന്തിച്ചേക്കാം. വാസ്തവത്തിൽ, എല്ലാം അത്ര സങ്കീർണ്ണമല്ല, ഒരു നിശ്ചിത അൽഗോരിതം ഉണ്ട്.
ഏകദേശം 150 ടാഗുകൾ മാത്രമേയുള്ളൂ, അവയിൽ ഓരോന്നും ഒരു നിർദ്ദിഷ്ട പ്രവർത്തനത്തിന് ഉത്തരവാദികളാണ്: ലിങ്ക്, ഹൈഫനേഷൻ, ബോൾഡ്, നിറം, ശീർഷകം മുതലായവ. നിങ്ങൾക്ക് ആഗ്രഹമുണ്ടെങ്കിൽ, സമയം ശ്രദ്ധിക്കുന്നില്ലെങ്കിൽ അവ മനസ്സിലാക്കുന്നത് അത്ര ബുദ്ധിമുട്ടുള്ള കാര്യമല്ല.
ഈ ആട്രിബ്യൂട്ടുകളെക്കുറിച്ചുള്ള അറിവിന് നന്ദി, നിങ്ങൾക്ക് ഏത് പ്രശ്നവും പരിഹരിക്കാൻ കഴിയും. എന്നാൽ ഓരോ ഡവലപ്പറും ലക്ഷ്യം നേടുന്നതിന് സ്വന്തം വഴികൾ കണ്ടെത്തുന്നു.
അനുഭവപരിചയമുള്ള സ്രഷ്ടാക്കൾ ഉടൻ തന്നെ ഫലങ്ങൾ എങ്ങനെ നേടാമെന്ന് കാണും, മറ്റുള്ളവർ ചിന്തിക്കണം, ലേഖനങ്ങളിലോ മത്സരാർത്ഥികളുടെ സോഴ്സ് കോഡിലോ ഉത്തരം തേടുക. അവർ ഒരു മൂന്നാം കക്ഷി സൈറ്റിൽ നിന്ന് ആവശ്യമായ ഭാഗം എടുത്ത് അത് സ്വയം എഡിറ്റ് ചെയ്യുന്നു. ഇത് ജോലി പ്രക്രിയയെ ഗണ്യമായി കുറയ്ക്കുന്നു.
കുറച്ച് കഴിഞ്ഞ്, ഞാൻ നിങ്ങൾക്ക് ഒരു പ്രത്യേക ഉദാഹരണം കാണിക്കും.
കോഡ് കാണുകഅതിനാൽ, മറ്റൊരാളുടെ html കണ്ടെത്തണമെങ്കിൽ എങ്ങനെ പ്രവർത്തിക്കണമെന്ന് ഞാൻ ആദ്യം കാണിച്ചുതരാം. അപ്പോൾ ഞങ്ങൾ മറ്റെല്ലാ ചോദ്യങ്ങളും കൂടുതൽ വിശദമായി പരിശോധിക്കും.
ഏറ്റവും മികച്ച മാർഗ്ഗംഞാൻ ആദ്യം വിവരിക്കുന്ന രീതി തുടക്കക്കാർക്ക് അൽപ്പം സങ്കീർണ്ണമാണ്, പക്ഷേ ഒരു ആമുഖമായി, ഇത് വായിക്കുക. പേജ് തുറന്ന് വലത് മൗസ് ബട്ടണിൽ ക്ലിക്ക് ചെയ്യുക. "ഇതായി സംരക്ഷിക്കുക..." തിരഞ്ഞെടുക്കുക
മുഴുവൻ വെബ് പേജും സംരക്ഷിക്കുക. സ്ക്രീൻഷോട്ടിൽ നിങ്ങൾക്ക് കാണാനാകുന്നതുപോലെ, ഞാൻ ഇതിനകം എല്ലാം മുൻകൂട്ടി ഡൗൺലോഡ് ചെയ്തിട്ടുണ്ട്. ഇവിടെ നമുക്ക് രണ്ട് ഫോൾഡറുകൾ ഉണ്ട്.
നിങ്ങൾക്ക് ആവശ്യമുള്ളതെല്ലാം ഇവിടെയുണ്ട്. എല്ലാ ഘടകങ്ങളും. നിങ്ങൾ ഇത് മനസ്സിലാക്കിയാൽ, നിങ്ങൾക്ക് ആവശ്യമുള്ളതെല്ലാം വേഗത്തിൽ നേടാനാകും. എന്നാൽ അത്തരമൊരു ദൗത്യം കൂടുതൽ അസാധ്യമായിക്കൊണ്ടിരിക്കുകയാണ്. ഡൗൺലോഡ് ഇല്ല. ഒരു പേജ് പകർത്തുന്നത് നിരോധിച്ചാൽ എന്തുചെയ്യും?
ഇതാണ് Google Chromeനിങ്ങൾ ഇതിനകം ശ്രദ്ധിച്ചിരിക്കാം, ഞാൻ മിക്കപ്പോഴും ഉപയോഗിക്കുന്നു ഗൂഗിൾ ക്രോംഈ ബ്രൗസറിൽ മറ്റൊരാളുടെ കോഡ് പഠിക്കുന്നത് പിയേഴ്സ് ഷെല്ലിംഗ് പോലെ എളുപ്പമാണ്. മറ്റേതെങ്കിലും തത്വത്തിൽ പോലെ. സ്കീം സമാനമായത് മാത്രമല്ല, സമാനമായിരിക്കും. ഞങ്ങൾ അറിയാൻ ആഗ്രഹിക്കുന്ന കോഡ് പേജ് തുറന്ന് എവിടെയും റൈറ്റ് ക്ലിക്ക് ചെയ്യുക. ദൃശ്യമാകുന്ന വിൻഡോയിൽ, "പേജ് കോഡ് കാണുക" ക്ലിക്കുചെയ്യുക.
ഒരു പുതിയ വിൻഡോയിൽ കോഡിന്റെ ഒരു ഷീറ്റ് തുറക്കും, ഇത് ഒരു തുടക്കക്കാരന് മനസ്സിലാക്കാൻ വളരെ ബുദ്ധിമുട്ടാണ്. എന്നാൽ സമയത്തിന് മുമ്പ് പരിഭ്രാന്തരാകരുത്.
നിങ്ങൾക്ക് ഒരു ഘടകത്തിന്റെ കോഡ് മാത്രം അറിയണമെങ്കിൽ, മൗസ് ഉപയോഗിച്ച് അതിന് മുകളിൽ ഹോവർ ചെയ്ത് വലത്-ക്ലിക്കുചെയ്യുക. മറ്റൊരു Chrome ഫംഗ്ഷൻ തിരഞ്ഞെടുക്കുക: “ഘടക കോഡ് കാണുക”.
ഉദാഹരണത്തിന്, ഒരു ചിത്രമോ പ്രോഗ്രാമിംഗ് ഭാഷയോ ഉപയോഗിച്ച് ലോഗോ എങ്ങനെയാണ് നിർമ്മിച്ചതെന്ന് എനിക്ക് താൽപ്പര്യമുണ്ടാകാം? എല്ലാത്തിനുമുപരി, നിങ്ങൾക്ക് ഒരു ചതുരം വരയ്ക്കാം css സഹായം. എങ്ങനെയെന്ന് പല വിദഗ്ധരും ഉപദേശിക്കുന്നു കൂടുതൽ വിവരങ്ങൾകോഡിൽ എഴുതുക. ജനപ്രിയ സൈറ്റുകളിൽ അവർ എങ്ങനെയാണ് പ്രവർത്തിക്കുന്നത്?
അങ്ങനെ അത് പ്രത്യക്ഷപ്പെട്ടു ആവശ്യമായ വിവരങ്ങൾ. മുകളിൽ html, താഴെ css. ഇവ രണ്ടു ഭാഷകളാണ്. ആദ്യത്തേത് ടെക്സ്റ്റ് ഘടകത്തിന് ഉത്തരവാദിയാണ്, രണ്ടാമത്തേത് രൂപകൽപ്പനയ്ക്ക്. CSS ഇല്ലെങ്കിൽ, ഓരോ തവണയും നിങ്ങൾ നിറവും ഫോണ്ട് വലുപ്പവും വ്യക്തമാക്കേണ്ടതുണ്ട്. ഓരോ പേജിനും, ഇത് വളരെ ദൈർഘ്യമേറിയതാണ്. എന്നാൽ html ഇല്ലെങ്കിൽ, നമുക്ക് ടെക്സ്റ്റുകൾ ഉണ്ടാകുമായിരുന്നില്ല. ഞാൻ ഇത് ഏകദേശം വിശദീകരിച്ചു, പക്ഷേ പൊതുവേ, അത് അങ്ങനെയാണ്.
വഴിയിൽ, ഇത് ഇവിടെ എങ്ങനെ പ്രവർത്തിക്കുന്നു എന്നതിനെക്കുറിച്ച് നിങ്ങൾക്ക് താൽപ്പര്യമുണ്ടെങ്കിൽ, ചുവടെയുള്ള ചിത്രത്തിലേക്കുള്ള ലിങ്ക് നിങ്ങൾക്ക് നോക്കാം. നിങ്ങളുടെ ഉത്തരം ഇതാ.
നിങ്ങൾ മാസ്റ്റിക്കിൽ പ്രവർത്തിക്കാൻ ആഗ്രഹിക്കുന്നുവെങ്കിൽ, എല്ലാം ഒരേപോലെയായിരിക്കും. പേജ് തുറന്ന് ക്ലിക്ക് ചെയ്യുക വലത് ബട്ടൺഎലികൾ. നിങ്ങൾക്ക് മുഴുവൻ കോഡും കാണണമെങ്കിൽ "പേജ് സോഴ്സ് കോഡ്".
നിങ്ങൾ ഒരു ഘടകത്തിന് മുകളിൽ ഹോവർ ചെയ്യുമ്പോൾ, നിങ്ങൾക്ക് അതിന്റെ കോഡ് തുറക്കാൻ കഴിയും.
ഇവിടെ ഡാറ്റ സ്ക്രീനിന്റെ ചുവടെ പ്രദർശിപ്പിക്കും, അല്ലാത്തപക്ഷം എല്ലാം ഒരേപോലെയാണ്.
Yandex ബ്രൗസറിൽ, എല്ലാം മുമ്പത്തെ രണ്ട് ഓപ്ഷനുകളിലേതിന് സമാനമാണ്, പേജ് തുറക്കുക, വലത് ക്ലിക്ക് ചെയ്യുക, പേജ് കോഡ് കാണുക.
ഒരു മൂലകത്തിന്റെ കോഡ് കൃത്യമായി കണ്ടെത്തണമെങ്കിൽ ഞങ്ങൾ കഴ്സർ അതിന്റെ മേൽ ഹോവർ ചെയ്യുന്നു.
എല്ലാം ക്രോമിലെ പോലെ തന്നെ ഇവിടെയും പ്രദർശിപ്പിക്കും.
ഒടുവിൽ, ഓപ്പറ.
വഴിയിൽ, നിങ്ങൾ ഒരു മൗസ് ഉപയോഗിക്കേണ്ടതില്ലെന്ന് നിങ്ങൾ ശ്രദ്ധിച്ചിരിക്കാം. അവിടെ കോഡ് തുറക്കാൻ ദ്രുത സംയോജനംകീകളും എല്ലാ ബ്രൗസറുകൾക്കും ഇത് സമാനമാണ്: CTRL+U.
ഘടകങ്ങൾക്ക്: Ctrl+Shift+C.
ഇതാണ് ഫലം കാണുന്നത്.
ഇപ്പോൾ എല്ലാം എങ്ങനെ പ്രവർത്തിക്കുന്നുവെന്ന് നോക്കൂ. നിങ്ങൾ ഒരു സൈറ്റ് കണ്ടെത്തുകയും ചില ഘടകങ്ങൾ ശരിക്കും ഇഷ്ടപ്പെടുകയും ചെയ്യുന്നു. ഉദാഹരണത്തിന്, ഇത്. എലമെന്റ് കോഡ് എങ്ങനെ തുറക്കണമെന്ന് നിങ്ങൾക്ക് ഇതിനകം അറിയാം.
ഇപ്പോൾ അത് പകർത്തുക.
ഞാൻ അത് ഉപയോഗിക്കുന്നു, ഈ കോഡ് ഒട്ടിക്കുക പുതിയ htmlഫയൽ, ബോഡി ടാഗിൽ (ബോഡി ഇംഗ്ലീഷിൽ).
ഇനി ബ്രൗസറിൽ ഇതെല്ലാം എങ്ങനെ കാണപ്പെടുമെന്ന് നോക്കാം.
തയ്യാറാണ്. വാചകം അരികുകളിലേക്ക് വിന്യസിക്കുന്നതിനും പച്ചകലർന്ന നിറം നേടുന്നതിനും, നിങ്ങൾ ഇതിലേക്ക് കണക്റ്റുചെയ്യേണ്ടതുണ്ട് css പ്രമാണംഞങ്ങൾ ഇത് മോഷ്ടിച്ച സൈറ്റിൽ നിന്ന് മറ്റൊരു കോഡ് പകർത്തുക.
ഞാൻ ഇപ്പോൾ ഇത് ചെയ്യില്ല. ഇതിന് കൂടുതൽ സമയം ആവശ്യമാണ്: എന്റേതും നിങ്ങളുടേതും. എന്റെ ഭാവി പ്രസിദ്ധീകരണങ്ങളിൽ എല്ലാ വിശദാംശങ്ങളും ഞാൻ വിവരിക്കുമെന്ന് ഞാൻ കരുതുന്നു. വാർത്താക്കുറിപ്പ് സബ്സ്ക്രൈബുചെയ്ത് ഒരു ലേഖനം ദൃശ്യമാകുമ്പോൾ ആദ്യം അറിയുക.
നിങ്ങൾക്ക് ഇത് സഹിക്കാൻ കഴിയുന്നില്ലെങ്കിൽ, ഇപ്പോൾ html, css എന്നിവയെക്കുറിച്ച് കൂടുതലറിയാൻ ആഗ്രഹിക്കുന്നുവെങ്കിൽ, എനിക്ക് പരമ്പരാഗതമായി നിങ്ങൾക്ക് സൗജന്യ പരിശീലന കോഴ്സുകൾ ശുപാർശ ചെയ്യാൻ കഴിയും.
html മാസ്റ്റർ ചെയ്യാൻ നിങ്ങളെ അനുവദിക്കുന്ന 33 പാഠങ്ങൾ ഇതാ - « സൗജന്യ കോഴ്സ് HTML വഴി".
പിന്നെ ഇവിടെ മുഴുവൻ വിവരങ്ങൾ css-നെ കുറിച്ച് - "സിഎസ്എസിൽ സൗജന്യ കോഴ്സ് (45 വീഡിയോ പാഠങ്ങൾ!)".
ഇപ്പോൾ നിങ്ങൾക്ക് കുറച്ചുകൂടി അറിയാം. നിങ്ങളുടെ ഉദ്യമങ്ങളിൽ വിജയിക്കട്ടെ എന്ന് ആശംസിക്കുന്നു. വീണ്ടും കാണാം!
ഈ ഏറ്റവും പുതിയ ലേഖനം ഹൈലൈറ്റ് ചെയ്യാൻ എഴുതിയതാണ് കാലികമായ വിവരങ്ങൾ Blogspot ടെംപ്ലേറ്റുകളിൽ നിന്നും പുതിയ Blogger തീമുകളിൽ നിന്നും അനാവശ്യമായ ലിങ്കുകൾ നീക്കം ചെയ്യുന്നതിനെക്കുറിച്ച്. നിങ്ങൾക്കറിയാവുന്നതുപോലെ, 2018-ൽ Blogger കോഡുകളിൽ മാറ്റങ്ങൾ ഉണ്ടായിട്ടുണ്ട്, അതിനാൽ കോഡ് ഉപയോഗിച്ചുള്ള നിരവധി പ്രവർത്തനങ്ങൾ പുതിയ രീതിയിൽ ചെയ്യേണ്ടതുണ്ട്. കൂടാതെ, വ്യത്യസ്തമായി രൂപപ്പെടുന്ന പുതിയ വിഷയങ്ങൾ പ്രത്യക്ഷപ്പെട്ടു. ഈ മാറ്റങ്ങളുമായി ബന്ധപ്പെട്ട്, ലിങ്കുകൾ നീക്കം ചെയ്യുന്ന വിഷയം ഞങ്ങൾ ചർച്ച ചെയ്യും.
https://pr-cy.ru/link_extractor/, https://seolik.ru/links എന്നീ സേവനങ്ങളിലെ ബാഹ്യ ലിങ്കുകളുടെ സാന്നിധ്യത്തിനായി നിങ്ങളുടെ ബ്ലോഗ് പരിശോധിക്കാം. ബ്ലോഗിന്റെ പ്രധാന പേജ് മാത്രമല്ല, പോസ്റ്റുകളുടെ പേജും പേജും നിങ്ങൾ പരിശോധിക്കേണ്ടതുണ്ടെന്ന കാര്യം മറക്കരുത്. ഒരു വലിയ സംഖ്യഇൻഡെക്സിംഗിനായി തുറന്നിരിക്കുന്ന ബാഹ്യ ലിങ്കുകൾ തടയുന്നു.
അത്തരം ടെംപ്ലേറ്റുകൾ ഏറ്റവും ബാഹ്യ ലിങ്കുകൾ നൽകുന്നു. എന്റെ ടെസ്റ്റ് ബ്ലോഗിൽ, ഞാൻ ഒരു ലളിതമായ തീം ഇൻസ്റ്റാൾ ചെയ്തപ്പോൾ, ഞാൻ പരിശോധിച്ച് 25 ബാഹ്യ ലിങ്കുകൾ കണ്ടെത്തി ഹോം പേജ്, അതിൽ 14 എണ്ണം സൂചികയിലാക്കി.
ടെംപ്ലേറ്റ് കോഡിൽ മാറ്റങ്ങൾ വരുത്തുന്നതിന് മുമ്പ്, ഒരു ബാക്കപ്പ് കോപ്പി ഉണ്ടാക്കണമെന്ന് ഞാൻ നിങ്ങളെ ഓർമ്മിപ്പിക്കുന്നു!
![](https://i1.wp.com/4.bp.blogspot.com/-qYDynHbA-H8/XGeWa73qfuI/AAAAAAAAY98/tRVHFUin9v4GwbQ5ZF1x6hjtQ0F5HQudQCEwYBhgL/s1600/1-attribution.jpg)
കൂടാതെ മുഴുവൻ കോഡും ഇതാ:
മാറ്റങ്ങൾ സംരക്ഷിച്ച് ആട്രിബ്യൂഷനായി ബ്ലോഗ് പരിശോധിക്കുക.
റെഞ്ച് ഐക്കണുകളിൽ എൻക്രിപ്റ്റ് ചെയ്ത ലിങ്കുകളുടെ അപൂർണ്ണമായ ലിസ്റ്റ് ഇതാ (ബ്ലോഗ് ഐഡി നിങ്ങളുടേതായിരിക്കും)
- HTML1 വിജറ്റ്: http://www.blogger.com/rearrange?blogID=1490203873741752013&widgetType=HTML&widgetId=HTML1&action=editWidget§ionId=header
- HTML2 വിജറ്റ് http://www.blogger.com/rearrange?blogID=1490203873741752013&widgetType=HTML&widgetId=HTML2&action=editWidget§ionId=header
- ബ്ലോഗ് ആർക്കൈവ്: http://www.blogger.com/rearrange?blogID=1490203873741752013&widgetType=BlogArchive&widgetId=BlogArchive1&action=editWidget§ionId=main
- ബ്ലോഗ് കുറുക്കുവഴികൾ: http://www.blogger.com/rearrange?blogID=1490203873741752013&widgetType=Label&widgetId=Label1&action=editWidget§ionId=main
- ജനപ്രിയ സന്ദേശങ്ങൾ: http://www.blogger.com/rearrange?blogID=1490203873741752013&widgetType=PopularPosts&widgetId=PopularPosts2&action=editWidget§ionId=main
ഈ ലിങ്കുകളെല്ലാം ഒഴിവാക്കുന്നത് എളുപ്പമാണ്. നിങ്ങളുടെ ബ്ലോഗ് ടെംപ്ലേറ്റിൽ ടാഗ് കണ്ടെത്തുക. നിങ്ങളുടെ ബ്ലോഗിൽ എത്ര തവണ വിജറ്റുകൾ ഉണ്ടോ അത്രയും തവണ ഇത് ദൃശ്യമാകും. ടാഗിന്റെ എല്ലാ സംഭവങ്ങളും നീക്കം ചെയ്യുക.
എങ്ങനെ ഇല്ലാതാക്കാം:
രീതി 1. ഡിസൈൻ ടാബിൽ, "ബ്ലോഗ് പോസ്റ്റുകൾ" എലമെന്റ് എഡിറ്റ് ചെയ്ത് "ദ്രുത എഡിറ്റ്" കാണിക്കുക" ചെക്ക്ബോക്സ് അൺചെക്ക് ചെയ്യുക.
രീതി 2. നിങ്ങളുടെ ബ്ലോഗ് ടെംപ്ലേറ്റിൽ ടാഗ് കണ്ടെത്തി അത് നീക്കം ചെയ്യുക. നിങ്ങളുടെ മാറ്റങ്ങൾ സംരക്ഷിച്ച് ഐക്കണിനും ലിങ്കിനുമായി നിങ്ങളുടെ ബ്ലോഗ് പരിശോധിക്കുക.
അതായത്:
ഫംഗ്ഷൻ setAttributeOnload(object, attribute, val) (
if(window.addEventListener) (
window.addEventListener("ലോഡ്",
ഫംഗ്ഷൻ ()) (വസ്തു = വാൽ;), തെറ്റ്);
) വേറെ (
window.attachEvent("onload", function())( object = Val; ));
}
}
gapi.load("gapi.iframes:gapi.iframes.style.bubble", function() (
എങ്കിൽ (gapi.iframes && gapi.iframes.getContext) (
gapi.iframes.getContext().openChild((
url: "https://www.blogger.com/navbar.g?targetBlogID\x3d1490203873741752013\x26blogName\x3dnew\x26publishMode\x3dPUBLISH_MODE_BLOGSPOTTx3dPUBLISH_MODE_BLOGSPOTTX3LAY OUTS\x26searchRoot\x 3dhttps://m-ynewblog.blogspot. com /search\x26blogLocale\x3dru\x26v\x3d2\x26homepageUrl\x3dhttps://m-ynewblog.blogspot.com/\x26vt\x3d-3989465016614688571",
എവിടെ: document.getElementById("navbar-iframe-container"),
ഐഡി: "navbar-iframe"
});
}
});
(ഫംഗ്ഷൻ() (
var script = document.createElement("script");
script.type = "text/javascript";
script.src = "//pagead2.googlesyndication.com/pagead/js/google_top_exp.js";
var head = document.getElementsByTagName("head");
എങ്കിൽ (തല) (
head.appendChild(script);
}})();
ഇപ്പോൾ Navbar എന്ന ബ്ലോഗ് ഇൻഡെക്സബിൾ ബാഹ്യ ലിങ്കുകൾ നൽകുന്നില്ല, പക്ഷേ ഇത് ഞാൻ വിശ്വസിക്കുന്നു അധിക ഘടകം, ഒരു ഫങ്ഷണൽ ലോഡ് വഹിക്കുന്നില്ല, അത് നീക്കം ചെയ്യുന്നതാണ് നല്ലത്.
![](https://i2.wp.com/1.bp.blogspot.com/-bTosdUeWBSI/XGeWcI6xlgI/AAAAAAAAY-c/TMpjBOiI8nQvXPBPPWgfqFZ6gCSURLiJQCEwYBhgL/s1600/5-post.jpg)
എഡിറ്റിംഗ് ഉദാഹരണം ഉപയോഗിച്ചാണ് നിർമ്മിച്ചിരിക്കുന്നത് Google പ്രൊഫൈൽപ്ലസ്. അത് ഞാൻ നിങ്ങളെ ഓർമ്മിപ്പിക്കുന്നു ഗൂഗിൾ പ്ലസ് 2019 ഏപ്രിൽ 2-ന് ലിക്വിഡേറ്റ് ചെയ്യും. അതനുസരിച്ച്, ഈ തീയതിക്ക് ശേഷം, "എന്നെ കുറിച്ച്" വിജറ്റ് കോഡിൽ നിങ്ങൾ മറ്റ് മാറ്റങ്ങൾ വരുത്തേണ്ടതുണ്ട്.
ബ്ലോഗ് ക്രമീകരണങ്ങളിൽ, ബ്ലോഗ് ക്രമീകരണങ്ങൾ -> മറ്റുള്ളവ -> സൈറ്റ് ഫീഡ് -> ബ്ലോഗ് ഫീഡ് അനുവദിക്കുക, ഇനിപ്പറയുന്ന ക്രമീകരണങ്ങൾ പ്രയോഗിക്കുക:
![](https://i2.wp.com/3.bp.blogspot.com/-ZNNTh433rcY/XGe7jFLWlsI/AAAAAAAAY-4/5ydWolfVcYoaAbaz-SpxmhNyeXBUiDXowCLcBGAs/s1600/feed.jpg)
വിജറ്റുകൾ (വിജറ്റുകളുടെ ലിസ്റ്റ്) ഉപയോഗിച്ച് തിരയുന്നതിനായി ഞങ്ങൾ ബ്ലോഗ് ടെംപ്ലേറ്റിൽ ആട്രിബ്യൂഷൻ1 കണ്ടെത്തുകയും പഴയതിന് സമാനമായി വിഭാഗത്തോടൊപ്പം കോഡ് ഇല്ലാതാക്കുകയും ചെയ്യുന്നു. ബ്ലോഗർ ടെംപ്ലേറ്റ് (മുകളിൽ 1 കാണുക).
മുഴുവൻ കോഡും ഇതുപോലെ കാണപ്പെടുന്നു:
ഞങ്ങൾ റിലീസ് ചെയ്തു പുതിയ പുസ്തകം"ഉള്ളടക്ക മാർക്കറ്റിംഗ് സോഷ്യൽ നെറ്റ്വർക്കുകളിൽ: നിങ്ങളുടെ സബ്സ്ക്രൈബർമാരുടെ തലയിൽ കയറി അവരെ നിങ്ങളുടെ ബ്രാൻഡുമായി എങ്ങനെ പ്രണയത്തിലാക്കാം.
സബ്സ്ക്രൈബ് ചെയ്യുക
സൈറ്റിന്റെ സോഴ്സ് കോഡ് HTML മാർക്ക്അപ്പിന്റെ ഒരു കൂട്ടമാണ്, CSS ശൈലികൾഒപ്പം ജാവാസ്ക്രിപ്റ്റ് സ്ക്രിപ്റ്റുകൾ, വെബ് സെർവറിൽ നിന്ന് ബ്രൗസറിന് ലഭിക്കുന്നത്.
ഞങ്ങളുടെ ചാനലിലെ കൂടുതൽ വീഡിയോകൾ - SEMANTICA ഉപയോഗിച്ച് ഇന്റർനെറ്റ് മാർക്കറ്റിംഗ് പഠിക്കുക
ഒരു കമാൻഡർ സൈനികർക്ക് നൽകുന്ന ഒരു കൂട്ടം കമാൻഡുകളുമായി ഇതിനെ താരതമ്യം ചെയ്യാം. പ്രേക്ഷകർ ബോസിനെ കാണുകയോ കേൾക്കുകയോ ചെയ്യുന്നില്ലെന്ന് സങ്കൽപ്പിക്കുക. അവരുടെ കാഴ്ചപ്പാടിൽ, സൈന്യം സ്വതന്ത്രമായി പ്രവർത്തനങ്ങൾ നടത്തുന്നു. ഞങ്ങളുടെ കാര്യത്തിൽ, കമാൻഡർ ബ്രൗസറാണ്, കമാൻഡുകൾ ഉറവിടം, പട്ടാളക്കാരെ മാർച്ചുചെയ്യുന്നത് അന്തിമഫലമാണ്.
സൈറ്റ് ഒരു വെബ് സെർവറിൽ സംഭരിച്ചിരിക്കുന്നു, അത് ഉപയോക്തൃ അഭ്യർത്ഥന പ്രകാരം പേജ് അയയ്ക്കുന്നു. വിലാസ ബാറിൽ ഒരു URL ടൈപ്പുചെയ്യുക, ഒരു ലിങ്ക് ക്ലിക്ക് ചെയ്യുക, അല്ലെങ്കിൽ ഒരു ഫോമിലെ സമർപ്പിക്കുക ബട്ടൺ ക്ലിക്ക് ചെയ്യുക എന്നിവയാണ് അഭ്യർത്ഥന. വെബ് പേജുകൾ ഏത് ഭാഷയിലാണ് എഴുതിയിരിക്കുന്നത്, അതിൽ ഉൾപ്പെട്ടിട്ടുണ്ടോ എന്നത് പ്രശ്നമല്ല സോഫ്റ്റ്വെയർ ഭാഗം. ഏതൊരു സെർവർ-സൈഡ് അൽഗോരിതത്തിന്റെയും അന്തിമഫലം html ടാഗുകളുടെയും വാചകങ്ങളുടെയും ഒരു കൂട്ടമാണ്.
പേജ് സോഴ്സ് കോഡ് ഇനിപ്പറയുന്നവ ഉൾപ്പെടുന്ന ഒരു കൂട്ടം ഡാറ്റയാണ്:
- html മാർക്ക്അപ്പ്;
- സ്റ്റൈൽ ഷീറ്റ് അല്ലെങ്കിൽ ഫയൽ ലിങ്ക്;
- ജാവാസ്ക്രിപ്റ്റിൽ എഴുതിയ പ്രോഗ്രാമുകൾ അല്ലെങ്കിൽ കോഡ് ഉള്ള ഫയലുകളിലേക്കുള്ള ലിങ്കുകൾ.
ഈ മൂന്ന് വിഭാഗങ്ങളും ബ്രൗസർ പ്രോസസ്സ് ചെയ്യുന്നു. സെർവറിന്, അഭ്യർത്ഥനയ്ക്ക് മറുപടിയായി അയയ്ക്കേണ്ട വാചകമാണിത്.
എന്തുകൊണ്ടാണ് നമ്മൾ സോഴ്സ് കോഡ് പഠിക്കേണ്ടത്ഞങ്ങൾ കാണുന്നതെല്ലാം, സൈറ്റുമായി പ്രവർത്തിക്കുമ്പോൾ, പ്രത്യേകിച്ച് ഒപ്റ്റിമൈസ് ചെയ്യുമ്പോൾ ഉണ്ടാകുന്ന ചില പ്രശ്നങ്ങൾ പരിഹരിക്കാൻ ഞങ്ങൾക്ക് വിശകലനം ചെയ്യാനും പ്രയോഗിക്കാനും കഴിയും. സോഴ്സ് കോഡ് നോക്കുന്നതിലൂടെ, നമുക്ക്:
- അവ വിശകലനം ചെയ്യാൻ നിങ്ങളുടെ അല്ലെങ്കിൽ മറ്റൊരാളുടെ സൈറ്റിന്റെ മെറ്റാ ടാഗുകൾ കാണുക.
- സൈറ്റിലെ ചില ഘടകങ്ങളുടെ സാന്നിധ്യം അല്ലെങ്കിൽ അഭാവം കാണുക: കൗണ്ടറുകൾ, തിരിച്ചറിയൽ കോഡുകൾ വിവിധ സംവിധാനങ്ങൾ, ചില സ്ക്രിപ്റ്റുകളും മറ്റ് കാര്യങ്ങളും.
- ഘടകങ്ങളുടെ പാരാമീറ്ററുകൾ കണ്ടെത്തുക: വലുപ്പങ്ങൾ, നിറങ്ങൾ, ഫോണ്ടുകൾ.
- പേജിലെ ഫോട്ടോകളിലേക്കും മറ്റ് ഘടകങ്ങളിലേക്കും ഉള്ള പാത കണ്ടെത്തുക.
- പേജിൽ നിന്നുള്ള ലിങ്കുകൾ പര്യവേക്ഷണം ചെയ്യുക.
- വെബ്സൈറ്റ് ഒപ്റ്റിമൈസേഷൻ പ്രക്രിയയെ തടസ്സപ്പെടുത്തുന്ന കോഡിലെ പ്രശ്നങ്ങൾ കണ്ടെത്തുക: അതിൽ അഭിസംബോധന ചെയ്യാത്തവ പ്രത്യേക ഫയലുകൾശൈലികൾ, സ്ക്രിപ്റ്റുകൾ, അസാധുവായ കോഡ്.
ഇവയാണ് അടിസ്ഥാന സവിശേഷതകൾ, എന്നാൽ വാസ്തവത്തിൽ, കോഡ് വായിക്കാൻ കഴിയുന്നതിലൂടെ, പേജിനെക്കുറിച്ച് നിങ്ങൾക്ക് കൂടുതൽ പഠിക്കാൻ കഴിയും.
ഒരു സൈറ്റിന്റെ സോഴ്സ് കോഡ് എങ്ങനെ കാണുംബ്രൗസറിൽ നിന്ന് സെർവറിൽ പോസ്റ്റ് ചെയ്തിരിക്കുന്ന രൂപത്തിൽ ഇത് പൂർണ്ണമായും ചെയ്യാൻ കഴിയില്ല. എന്നാൽ പേജിൽ വലത്-ക്ലിക്കുചെയ്യുന്നതിലൂടെ നിങ്ങൾക്ക് എല്ലാ മാർക്ക്അപ്പുകളും കാണാൻ കഴിയും. ഇവിടെയും പിന്നെയും ഗൂഗിൾ ഉദാഹരണംക്രോം.
"പേജ് കോഡ് കാണുക" ഓപ്ഷൻ തിരഞ്ഞെടുത്ത് ഒരു പ്രത്യേക ടാബിൽ മുഴുവൻ ലിസ്റ്റിംഗും നേടുക.
മനസ്സിലാക്കാൻ നിങ്ങൾ വിശകലനം ചെയ്യേണ്ടത് വെറും വാചകം മാത്രമാണ്. എന്നാൽ ഡെവലപ്പർ ടൂളുകൾ ഉപയോഗിച്ച് നിങ്ങൾക്ക് സംവേദനാത്മക കോഡ് ലഭിക്കും.
ഒരു വെബ്സൈറ്റ് പേജിന്റെ സോഴ്സ് കോഡ് എങ്ങനെ കണ്ടെത്താംബ്രൗസറിലെ മെനു ഐക്കണിൽ ക്ലിക്ക് ചെയ്യുക. മിക്കപ്പോഴും ഇത് വലതുവശത്താണ്, മൂന്ന് ഡോട്ടുകളോ വരകളോ പോലെ കാണപ്പെടുന്നു.
അധ്യായത്തിൽ അധിക ഉപകരണങ്ങൾ"ഡെവലപ്പർ ടൂളുകൾ" തിരഞ്ഞെടുക്കുക.
കോഡിന്റെ സജീവ നില കാണിക്കുന്ന ഒരു വിൻഡോ തുറക്കും. ഇതിനർത്ഥം നിങ്ങൾ മാർക്ക്അപ്പിൽ ക്ലിക്കുചെയ്യുമ്പോൾ, മൂലക ശൈലി അതിനടുത്തായി ദൃശ്യമാകും, കൂടാതെ തിരഞ്ഞെടുത്ത ബ്ലോക്കുകൾ പേജിൽ ഹൈലൈറ്റ് ചെയ്യപ്പെടും.
"ഉറവിടം" ടാബിൽ നിങ്ങൾക്ക് ചില ഫയലുകളുടെ ഉള്ളടക്കങ്ങൾ കാണാൻ കഴിയും: സ്ക്രിപ്റ്റുകൾ, ഫോണ്ടുകൾ, ചിത്രങ്ങൾ.
"സുരക്ഷ" ടാബിൽ, നിങ്ങൾക്ക് സൈറ്റിന്റെ സർട്ടിഫിക്കറ്റ് പരിശോധിക്കാം.
ഹോസ്റ്റിംഗിൽ പോസ്റ്റുചെയ്തിരിക്കുന്ന ഉറവിടം പരിശോധിക്കാൻ "ഓഡിറ്റ്സ്" ടാബ് നിങ്ങളെ സഹായിക്കും.
വലതുവശത്തുള്ള പാനലിന്റെ സ്ഥാനം അസൗകര്യമാണെങ്കിൽ, നിങ്ങൾക്ക് മൂന്ന് ഡോട്ടുകളിൽ ക്ലിക്കുചെയ്ത് ആവശ്യമുള്ള ഇനം തിരഞ്ഞെടുത്ത് അത് മാറ്റാം.
എല്ലാ HTML പ്രമാണത്തിലും ഘടന ടാഗുകൾ ഉൾപ്പെടുന്നു. അവയിൽ ചിലത് ഇതാ:
ഒരു പേജിലെ വിഭാഗങ്ങളെ യുക്തിസഹമായി ഡിലിമിറ്റ് ചെയ്യുന്നതിനാണ് ഘടകങ്ങൾ രൂപകൽപ്പന ചെയ്തിരിക്കുന്നത്; ആവശ്യമെങ്കിൽ, അവ ശൈലികൾ ഉപയോഗിച്ചാണ് രൂപകൽപ്പന ചെയ്തിരിക്കുന്നത്. പേജിൽ എങ്ങനെയെങ്കിലും ദൃശ്യമാകുന്ന വാചകം അവയിൽ അടങ്ങിയിരിക്കുന്നു. എന്നാൽ അകത്ത് തല ടാഗ്സേവന വിവരങ്ങൾ ഉണ്ട്. അത് സൂചിപ്പിക്കാൻ മെറ്റാ ടാഗുകൾ ഉപയോഗിക്കുന്നു. അവയിൽ എഴുതിയിരിക്കുന്നതെല്ലാം സെർവറിനും സെർച്ച് എഞ്ചിനുകൾക്കും വേണ്ടിയുള്ളതാണ്.
അവയുടെ ഉള്ളടക്കം മറ്റൊരു തരത്തിലും കണ്ടെത്താൻ കഴിയില്ല.
ലിങ്ക് ടാഗിൽ ശ്രദ്ധിക്കാം. അതിന്റെ സഹായത്തോടെ, ബാഹ്യ ഉൾപ്പെടുത്തിയ ഫയലുകളിലേക്കുള്ള ലിങ്കുകൾ വ്യക്തമാക്കിയിരിക്കുന്നു. വേണമെങ്കിൽ, നിങ്ങൾക്ക് ഉള്ളടക്കം കാണാനും ഡിസ്കിലേക്ക് സംരക്ഷിക്കാനും കഴിയും. ഇത് ചെയ്യുന്നതിന്, പോയിന്റർ വിലാസത്തിലേക്ക് നീക്കി RMB അമർത്തുക. "പുതിയ ടാബിൽ തുറക്കുക" തിരഞ്ഞെടുക്കുക.
ഒരു പുതിയ ടാബിൽ തുറക്കും വ്യക്തമാക്കിയ ഫയൽ, നിങ്ങൾക്ക് കാണാനോ സംരക്ഷിക്കാനോ കഴിയും.
ഒരു സ്ക്രിപ്റ്റ് ഡീബഗ് ചെയ്യുന്നതിന് ഒരു പേജിന്റെ സോഴ്സ് കോഡ് എങ്ങനെ കാണുംഈ സാഹചര്യത്തിൽ, പേജ് തുറക്കുന്നത് ഏറ്റവും സൗകര്യപ്രദമാണ് പ്രാദേശിക യന്ത്രം. നിങ്ങൾക്ക് മാർക്ക്അപ്പ്, ശൈലികൾ, സ്ക്രിപ്റ്റുകൾ എന്നിവ മാത്രം ശരിയാക്കണമെങ്കിൽ, ഇത് ഫോൾഡറിൽ നിന്ന് നേരിട്ട് ചെയ്യാൻ കഴിയും. HTML കോഡും ഇതേ രീതിയിൽ കാണുന്നു. തെറ്റുകൾ ഇവിടെയുണ്ട് ജാവാസ്ക്രിപ്റ്റ് കോഡ്"കൺസോൾ" ടാബിൽ കാണാം. ഇത് പിശകിന്റെ വിവരണവും അത് സംഭവിച്ച ലൈൻ നമ്പറും കാണിക്കുന്നു.
വാക്യഘടന കോഡിൽ നേരിട്ട് കാണാം. ഇതാണ് "ഉറവിടം" ടാബ്.
വേണ്ടി വലിയ പേജുകൾകൂടെ വലിയ തുകഘടകങ്ങൾ കണ്ടെത്താൻ പ്രയാസമാണ് ആവശ്യമായ കോഡ്മാർക്ക്അപ്പിലുടനീളം. ഈ സാഹചര്യത്തിൽ, നിങ്ങൾ ഉപയോഗിക്കണം പ്രത്യേക സംഘം സന്ദർഭ മെനു. ശകലത്തിന് മുകളിലൂടെ മൗസ് നീക്കി RMB അമർത്തുക. "കോഡ് കാണുക" കമാൻഡ് തിരഞ്ഞെടുക്കുക.
അതേ വിൻഡോ തുറക്കും, പക്ഷേ തിരഞ്ഞെടുത്ത ഒബ്ജക്റ്റിൽ ശ്രദ്ധ കേന്ദ്രീകരിക്കും.
പേജ് സോഴ്സ് കോഡ് എന്താണെന്ന് ഞങ്ങൾ നിങ്ങളോട് പറഞ്ഞു. എച്ച്ടിഎംഎൽ, സിഎസ്എസ്, ഉപയോഗിക്കൽ എന്നിവയെക്കുറിച്ചുള്ള അടിസ്ഥാന അറിവ് നേടിയാൽ മതി സൗകര്യപ്രദമായ ഉപകരണങ്ങൾഡവലപ്പർ, നിങ്ങൾക്ക് നിങ്ങളുടെ സ്വന്തം HTML പ്രമാണങ്ങൾ ഡീബഗ് ചെയ്യാൻ കഴിയും.
ഇന്റർനെറ്റിൽ റിസോഴ്സ് കോഡ് കാണുന്നത് നിങ്ങളെ മാത്രമല്ല പഠിക്കാൻ അനുവദിക്കും സ്വന്തം അനുഭവം, എന്നാൽ യഥാർത്ഥ പ്രവർത്തന ഉദാഹരണങ്ങളും ഉപയോഗിക്കുക. എസ്ഇഒ സ്പെഷ്യലിസ്റ്റുകൾക്ക്, മെറ്റാ ടാഗുകൾ ഉപയോഗപ്രദമാകും, അതിൽ സൈറ്റിനെക്കുറിച്ച് ധാരാളം കാര്യങ്ങൾ പറയാൻ കഴിയും.
ഓരോ ഇന്റർനെറ്റ് ഉപയോക്താവിനും അവൻ ചെലവഴിക്കുന്ന പ്രിയപ്പെട്ട സൈറ്റുകൾ ഉണ്ട് നീണ്ട കാലം. മടിയന്മാർ മാത്രം അത് എങ്ങനെ സൃഷ്ടിച്ചുവെന്നും അതിൽ എന്താണ് അടങ്ങിയിരിക്കുന്നതെന്നും നോക്കാൻ ചിന്തിച്ചില്ല. ഈ ചോദ്യങ്ങൾക്കെല്ലാം ഉത്തരം നൽകുന്നത് അസാധ്യമാണ്, കാരണം ഒരു വെബ്സൈറ്റ് സൃഷ്ടിക്കുന്നതിന് നിരവധി മാർഗങ്ങളുണ്ട്, പക്ഷേ അത് നിർമ്മിക്കുന്ന കമാൻഡുകളും കോഡുകളും നോക്കുന്നത് സാധ്യമാണ്, എല്ലാവർക്കും പൊതുവായി ലഭ്യമാണ്.
പ്രോഗ്രാമിംഗിൽ ഉൾപ്പെടാത്ത ഒരാൾക്ക് കോഡ് ഉണ്ടാക്കുന്ന ഏതെങ്കിലും ചിഹ്നങ്ങൾ മനസ്സിലാകുമോ എന്നതാണ് മറ്റൊരു ചോദ്യം. എന്നാൽ ചുവടെ നൽകിയിരിക്കുന്ന ഉദാഹരണങ്ങളിൽ നിന്ന്, ഏതെങ്കിലും Google ഉപയോക്താവ് Chrome-ന് കാണാൻ കഴിയും വ്യക്തിഗത ഘടകങ്ങൾസൈറ്റുകൾ.
ഒരു ഗൂഗിൾ ബ്രൗസറിൽ ഒരു html പേജിന്റെ സോഴ്സ് കോഡ് എങ്ങനെ കാണുംനിങ്ങൾക്ക് Chrome-ൽ പേജ് കോഡ് കാണുന്നതിന്, നിങ്ങൾക്ക് താൽപ്പര്യമുള്ള സൈറ്റിലേക്ക് പോയി ഇനിപ്പറയുന്ന ഘട്ടങ്ങൾ പാലിക്കേണ്ടതുണ്ട്:
![](https://i0.wp.com/brauzergid.ru/wp-content/uploads/2016/11/kod-elementa-sajta-v-google-chrome1.jpg)
ഈ രണ്ട് ഇനങ്ങളും അവയുടെ പ്രവർത്തനക്ഷമതയിലും ഉപയോക്താവ്, പ്രോഗ്രാമർ അല്ലെങ്കിൽ ഹാക്കർക്കുള്ള വിവരങ്ങളിലും വ്യത്യാസപ്പെട്ടിരിക്കുന്നു.
ഈ ഓരോ ഫംഗ്ഷനുകളും വിശകലനം ചെയ്യുന്നതിലൂടെ, നിങ്ങൾക്ക് ഒരു പ്രത്യേക ലേഖനം എഴുതാം. പ്രോഗ്രാമർമാർക്ക്, ഈ വ്യത്യാസം വളരെ പ്രധാനമാണ്, കൂടാതെ ഏത് സാഹചര്യത്തിലാണ് "വ്യൂ കോഡ്" ഉപയോഗിക്കേണ്ടത്, ഏത് "പേജ് കോഡ് കാണുക" എന്ന് അവർ മനസ്സിലാക്കുന്നു. ഗൂഗിൾ ബ്രൗസർക്രോം.
എന്നാൽ ശരാശരി ഉപയോക്താക്കൾക്ക് വിശദീകരിക്കുമ്പോൾ, ഈ ഫംഗ്ഷനുകളെ ഇനിപ്പറയുന്ന ഉദ്ദേശ്യങ്ങളായി തിരിക്കാം:
അത്തരമൊരു ചോദ്യത്തിന് ഞങ്ങൾ ഉത്തരം നൽകുകയാണെങ്കിൽ, സ്വയം നിർദ്ദേശിക്കുന്ന ഒരേയൊരു ഓപ്ഷൻ ഒരു ഉദാഹരണമാണ്. കാരണം ഒരു ലേഖനത്തിൽ, ഈ വിഷയം (വെബ് ഡെവലപ്പർ) മനസ്സിലാക്കുന്ന ഒരു വ്യക്തിയാകുന്നത് വളരെ ബുദ്ധിമുട്ടാണ്, പക്ഷേ ഒരു ഉദാഹരണം ഉപയോഗിച്ച് കാണിക്കുന്നത് വളരെ എളുപ്പമാണ്, അതിനാൽ ചോദ്യം പരിഹരിക്കപ്പെടും.
എലമെന്റ് കോഡിന്റെ പ്രവർത്തനം വളരെ വിശാലമാണ്, അതിനാൽ ഞങ്ങൾ Google Chrome ബ്രൗസർ വെബ്സൈറ്റിലെ വാക്കുകളിൽ ഒന്ന് എടുക്കുന്നു. എന്താണെന്ന് പരിഗണിക്കാൻ ഞങ്ങൾ ആഗ്രഹിച്ചു കീവേഡുകൾ(കോഡിൽ അത് "കീവേഡുകൾ" എന്ന് എഴുതപ്പെടും) ഞങ്ങളുടെ സൈറ്റിനായി ഉപയോഗിച്ചു. ഇത് ചെയ്യുന്നതിന്, ഞങ്ങൾ ഇനിപ്പറയുന്ന അൽഗോരിതം നടപ്പിലാക്കുന്നു:
ഗൂഗിൾ ക്രോം ബ്രൗസറിൽ ഈ ഫീച്ചർ ഉപയോഗിക്കാനുള്ള മറ്റ് വഴികൾപൊതുവേ, ഒരു മൂലകത്തിന്റെ കോഡ് എങ്ങനെ നോക്കണം, എന്തുകൊണ്ട് അത് ആവശ്യമാണ് എന്ന ചോദ്യത്തിന് ഉത്തരം നൽകുന്നത് തുടരുന്നു, നിങ്ങൾ അതിന്റെ പ്രവർത്തനങ്ങൾ പട്ടികപ്പെടുത്തണം. അതായത്, ഗൂഗിൾ ക്രോം ബ്രൗസറിൽ ഏത് സൈറ്റിന്റെയും എലമെന്റിന്റെ കോഡ് കാണാനുള്ള കഴിവിന് നന്ദി, നമുക്ക്:
- സൈറ്റിന്റെ ഘടന കാണുക തലയിൽ നിന്ന് ആരംഭിച്ച് ("സൈറ്റ് തലക്കെട്ട്") അവസാനത്തോടെ അവസാനിക്കുന്നു (ഏത് പ്രോഗ്രാമിന്റെയും അന്തിമ കമാൻഡ്);
- സൈറ്റിന്റെ എല്ലാ പ്രവർത്തനങ്ങളും കാണുക, അതായത്: മറ്റ് സൈറ്റുകളിലേക്കുള്ള ലിങ്കുകൾ, ബാഹ്യ സൈറ്റുകളിൽ നിന്നുള്ള അധിക മൊഡ്യൂളുകൾ, വിവിധ വിവരങ്ങൾ ശേഖരിക്കുന്നതിനുള്ള ബിൽറ്റ്-ഇൻ കൗണ്ടറുകളുടെ സാന്നിധ്യം;
- സൈറ്റിൽ നിന്ന് പകർത്തുന്നത് നിരോധിച്ചിട്ടുണ്ടോ ഇല്ലയോ എന്ന് കണ്ടെത്തുക;
- സൈറ്റിന്റെ മറ്റ് പേജുകളിലേക്കുള്ള എല്ലാ ലിങ്കുകളും അവയിൽ ക്ലിക്കുചെയ്തതിനുശേഷം അവയുടെ രൂപകൽപ്പനയും തുടർന്നുള്ള പ്രവർത്തനങ്ങളും കോഡ് രേഖപ്പെടുത്തും.
ഇതൊരു പരിമിതമായ പട്ടികയല്ല. എന്നാൽ പ്രത്യേക അറിവില്ലാതെ നിങ്ങൾക്ക് കോഡ് "വായിക്കാൻ" കഴിയുമെന്ന് ഓർമ്മിക്കേണ്ടതാണ് Google പേജുകൾ Chrome ഏതാണ്ട് അസാധ്യമാണ്, ഡാറ്റ ലഭിച്ചു ശരാശരി ഉപയോക്താവിന്പ്രായോഗികമായി ആവശ്യമില്ല.
"ഘടക കോഡ് കാണുക" എന്ന ഇനം പ്രവർത്തിക്കുന്നില്ലഓരോ സൈറ്റിനും ഉണ്ടായിരിക്കുമെന്ന് ഉടൻ പറയണം തുറന്ന പ്രവേശനംഎലമെന്റ് കോഡുകളിലേക്ക്. അതായത്, ഏറ്റവും ജനപ്രിയവും ചെലവേറിയതുമായ സൈറ്റുകൾ പോലും അവരുടെ കോഡ് കാണുന്നതിന് തുറന്നിരിക്കും. അതിനാൽ, ഗൂഗിൾ ക്രോം ബ്രൗസറിലെ ഇനം സജീവമല്ലെങ്കിലോ ഒരു പിശക് സൃഷ്ടിക്കുന്നെങ്കിലോ, അതിന് ഇനിപ്പറയുന്ന സാധ്യമായ കാരണങ്ങളുണ്ട്:
- ഉപയോക്തൃ പ്രൊഫൈൽ കേടായി;
- കമ്പ്യൂട്ടറിൽ ക്ഷുദ്രവെയറിന്റെ സാന്നിധ്യം;
- പ്രകടനം വർദ്ധിപ്പിക്കുന്നതിന് ഒരു നിശ്ചിത വിപുലീകരണം വഴി തടയുന്നു (ഇത് പോലും സംഭവിക്കാം).
സൃഷ്ടിക്കാൻ പുതിയ പ്രൊഫൈൽ, നിങ്ങളുടെ കമ്പ്യൂട്ടറിൽ നിന്ന് പഴയത് നീക്കം ചെയ്യേണ്ടതുണ്ട്. ഇത് ചെയ്യുന്നതിന്, ഞങ്ങൾ ഇനിപ്പറയുന്നവ ചെയ്യുന്നു:
പുതിയ പ്രൊഫൈൽ ഞങ്ങൾക്ക് പേജ് എലമെന്റ് കോഡിലേക്ക് ആക്സസ് നൽകുന്നില്ലെങ്കിൽ, ഞങ്ങൾ ഇപ്പോഴും പിശക് കാണുകയാണെങ്കിൽ, ഞങ്ങൾ ഇനിപ്പറയുന്നവ ചെയ്യണം:
എല്ലാം ശരിയായി ചെയ്തുവെങ്കിൽ, റീബൂട്ട് ചെയ്ത ശേഷം ഗൂഗിൾ കമ്പ്യൂട്ടർ Chrome മൂലകങ്ങളുടെ കോഡ് തുറക്കുകയും ബ്രൗസർ സാധാരണ രീതിയിൽ പ്രവർത്തിക്കുകയും ചെയ്യും.