സഫാരി ഡെവലപ്പർ ടൂളുകൾ പ്രവർത്തിക്കുന്ന ഒരു MAC PC-ലേക്ക് കണക്‌റ്റ് ചെയ്‌ത് അല്ലെങ്കിൽ Adobe Edge Inspect അല്ലെങ്കിൽ LambdaTest പോലുള്ള മൂന്നാം-കക്ഷി സോഫ്‌റ്റ്‌വെയർ ഉപയോഗിച്ച് iPhone-ലെ ഘടകങ്ങൾ നിങ്ങൾക്ക് വേഗത്തിൽ പരിശോധിക്കാനാകും.

Apple എത്തി. ഐഫോണിന്റെ ഐക്കൺ ലൈനപ്പിനൊപ്പം വളരെ ദൂരം. അതിന്റെ iOS-ന് 28.27% ആഗോള മൊബൈൽ ഓപ്പറേറ്റിംഗ് സിസ്റ്റം മാർക്കറ്റ് ഷെയർ ഉണ്ട്, അതിനർത്ഥം ലോകമെമ്പാടുമുള്ള ദശലക്ഷക്കണക്കിന് ഉപയോക്താക്കൾ വെബ് പേജുകൾ ആക്‌സസ് ചെയ്യാൻ iPhone-കൾ ഉപയോഗിക്കുന്നു എന്നാണ്.

അതിനാൽ, വെബ്‌പേജുകളുടെ പ്രവർത്തനക്ഷമത മെച്ചപ്പെടുത്തുന്നതിന് iPhone-ലെ ഘടകങ്ങൾ എങ്ങനെ പരിശോധിക്കണമെന്ന് അറിയേണ്ടത് അത്യാവശ്യമാണ്. സഫാരിയിൽ കാണുകയും അതിനനുസരിച്ച് അവയുടെ രൂപഭാവം പരിഷ്കരിക്കുകയും ചെയ്യുക.

നിങ്ങൾക്ക് ഇത് എങ്ങനെ ചെയ്യണമെന്ന് അറിയില്ലെങ്കിൽ, മുഴുവൻ പ്രക്രിയയും എളുപ്പത്തിൽ മനസ്സിലാക്കാൻ നിങ്ങളെ സഹായിക്കുന്നതിന് ഞങ്ങൾ ഒരു ഘട്ടം ഘട്ടമായുള്ള ഗൈഡ് സമാഹരിച്ചിരിക്കുന്നു.

1. ഒരു ഘടകം പരിശോധിക്കുന്നത് എന്താണ് അർത്ഥമാക്കുന്നത്?
2. ഐഫോണിലെ ഘടകങ്ങൾ എങ്ങനെ പരിശോധിക്കാം?
   • രീതി #1: സഫാരി ഡെവലപ്പർ ടൂളുകൾ ഉപയോഗിക്കുന്നു
   • രീതി # 2: തേർഡ്-പാർട്ടി ടൂളുകൾ ഉപയോഗിച്ച് iPhone-ലെ ഘടകങ്ങൾ പരിശോധിക്കുക
     • Adobe Edge Inspect ഉപയോഗിച്ച്
     • LambdaTest ഉപയോഗിച്ച്
3. iPhone-ന്റെ Chrome ബ്രൗസറിലെ എലമെന്റ് പരിശോധിക്കുന്നു
4. സംഗ്രഹം
5. പതിവ് ചോദിക്കുന്ന ചോദ്യങ്ങൾ

ഒരു ഘടകം പരിശോധിക്കുന്നത് എന്താണ് അർത്ഥമാക്കുന്നത്?

നിങ്ങളാണെങ്കിൽ ഒരു ഫ്രണ്ട്-എൻഡ് വെബ് ഡെവലപ്പർ, വെബ്‌സൈറ്റിന്റെ CSS , HTML ഫയലുകളിൽ ദ്രുത എഡിറ്റുകൾ നടത്തി ഒരു വെബ്‌പേജിന്റെ രൂപഭാവം മാറ്റുന്നതിനും പരീക്ഷണം നടത്തുന്നതിനുമുള്ള ഘടകങ്ങൾ നിങ്ങൾക്ക് പതിവായി പരിശോധിക്കാവുന്നതാണ്.<2

എന്നിരുന്നാലും, മാറ്റങ്ങൾ നിങ്ങളുടെ ഉപകരണത്തിൽ മാത്രമേ ദൃശ്യമാകൂ.നിങ്ങൾ വെബ്‌പേജ് റീലോഡ് ചെയ്‌ത ശേഷം, ഈ മാറ്റങ്ങൾ ഇല്ലാതാകുകയും വെബ്‌പേജ് ഘടനയുടെ യഥാർത്ഥ പതിപ്പ് വീണ്ടും ദൃശ്യമാവുകയും ചെയ്യും. അതിനാൽ, വാസ്തവത്തിൽ, നിങ്ങൾ ഒരു വെബ്സൈറ്റിന്റെ സോഴ്സ് കോഡ് എഡിറ്റ് ചെയ്യുന്നില്ല; നിങ്ങളുടെ കാഴ്‌ചയ്‌ക്കും പ്രശ്‌നപരിഹാരത്തിനുമുള്ള ഘടകങ്ങളിൽ നിങ്ങൾ പരീക്ഷണം നടത്തുകയാണ്.

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

അതേസമയം, CSS-നെ കുറിച്ചുള്ള അടിസ്ഥാന അറിവുള്ള ഒരു പിന്തുണാ ഏജന്റിന് നിമിഷങ്ങൾക്കുള്ളിൽ ഒരു വെബ്‌പേജിന്റെ ഏത് വാചകവും രൂപകൽപ്പനയും ശ്രേണിയും എളുപ്പത്തിൽ മാറ്റാൻ കഴിയും. ഘടകങ്ങൾ പരിശോധിച്ച് ഒരു വെബ്‌സൈറ്റിൽ ചെയ്യേണ്ട പരിഹാരങ്ങളിൽ ഡവലപ്പർമാർക്ക് പ്രശ്‌നം വർദ്ധിപ്പിക്കാൻ കഴിയും.

Windows, Linux എന്നിവയിൽ Ctrl+Z അമർത്തുക, Command+Z ഇൻസ്പെക്റ്റ് എലമെന്റ് ടൂൾ ഉപയോഗിച്ച് വരുത്തിയ പരിഷ്ക്കരണങ്ങൾ പഴയപടിയാക്കാൻ macOS-ൽ.

iPhone-ലെ ഘടകങ്ങൾ പരിശോധിക്കുന്നത് എങ്ങനെ?

iPhone-ലെ ഘടകങ്ങൾ പരിശോധിക്കുന്നത് അൽപ്പം സങ്കീർണ്ണമാണ്, അതേസമയം നിങ്ങൾക്ക് അൽപ്പം അമിതഭാരം തോന്നിയേക്കാം. ചെയുന്നത് കൊണ്ട്. എന്നിരുന്നാലും, ഞങ്ങളുടെ ഘട്ടം ഘട്ടമായുള്ള നിർദ്ദേശങ്ങൾ മുഴുവൻ അനുഭവവും നിങ്ങൾക്ക് അനായാസവും ആസ്വാദ്യകരവുമാക്കും.

ഘടകങ്ങൾ പരീക്ഷിക്കുന്നതിന് iPhone-ന്റെ Chrome ബ്രൗസർ ഉപയോഗിക്കുന്നതും ഞങ്ങൾ ചർച്ച ചെയ്യും. അതിനാൽ കാലതാമസമില്ലാതെ, iPhone-ലെ ഘടകം എങ്ങനെ പരിശോധിക്കാമെന്ന് വിശദീകരിക്കുന്ന രണ്ട് രീതികൾ ഇതാ.

രീതി#1: Safari Developer Tools ഉപയോഗിക്കുന്നു

ആദ്യ രീതിയിൽ, iPhone-ലെ ഘടകങ്ങൾ പരിശോധിക്കാൻ നിങ്ങൾ Safari Developer Tools ഉപയോഗിക്കും.

1. നിങ്ങളുടെ iPhone നിങ്ങളുമായി ബന്ധിപ്പിക്കുക ഒരു USB കേബിൾ ഉപയോഗിച്ച് Mac PC 8>
2. വെബ് ഇൻസ്പെക്ടർ സ്വിച്ച് പച്ച നിറത്തിലേക്ക് ടോഗിൾ ചെയ്യുക.
3. ഇപ്പോൾ മുൻഗണനകൾ > വിപുലമായ ടാബ്.
4. ഇപ്പോൾ ബ്രൗസറിന്റെ ഓപ്‌ഷനുകൾ ബാറിൽ ഡെവലപ്പ് ഓപ്‌ഷൻ ദൃശ്യമാക്കാൻ “മെനു ബാറിലെ ഡെവലപ്പ് മെനു കാണിക്കുക” ബോക്‌സ് പരിശോധിക്കുക.
5. അടുത്തത്, ഉപകരണങ്ങളുടെ പട്ടികയിൽ നിങ്ങളുടെ ഉപകരണത്തിന്റെ പേര് ദൃശ്യമാക്കാൻ വികസിപ്പിച്ചെടുക്കുക ഓപ്‌ഷനിൽ ക്ലിക്കുചെയ്യുക.
6. അവസാനം, നിങ്ങളുടെ iPhone-ൽ ഹോവർ ചെയ്‌ത് കാണുക നിങ്ങളുടെ iOS-ൽ തുറന്നിരിക്കുന്ന വെബ് പേജുകളുടെ ഒരു ലിസ്റ്റ്. അടുത്തതായി, ലിസ്റ്റിൽ നിന്ന് നിങ്ങൾ പരിശോധിക്കേണ്ട വെബ്‌പേജ് തിരഞ്ഞെടുക്കുക.

സഫാർ ഡെവലപ്പർ ടൂളുകൾ ഉപയോഗിച്ച് iPhone ഘടകങ്ങൾ പരിശോധിക്കുന്നത് Apple ഇക്കോസിസ്റ്റത്തിൽ മാത്രമേ ലഭ്യമാകൂ, അതായത് നിങ്ങൾക്ക് Mac ഇല്ലെങ്കിൽ, ഈ രീതി പ്രവർത്തിക്കില്ല.

രീതി #2: മൂന്നാം കക്ഷി ടൂളുകൾ ഉപയോഗിച്ച് iPhone-ലെ ഘടകങ്ങൾ പരിശോധിക്കുക

Adobe Edge Inspect ഉപയോഗിച്ച്

നിങ്ങൾക്ക് Mac ഇല്ലെങ്കിൽ, നിങ്ങൾക്ക് ഉപയോഗിക്കാം നിങ്ങളുടെ iPhone-ലെ ഘടകങ്ങൾ പരിശോധിക്കുന്നതിനുള്ള Adobe Edge Inspect Tool.

1. നിങ്ങളുടെ PC-യിൽ Adobe Edge Inspect ഡൗൺലോഡ് ചെയ്‌ത് നിങ്ങളുടെ iPhone-ഉം PC-യും ഒരേ Wi-Fi കണക്ഷനുമായി ബന്ധിപ്പിക്കുക.
2. ഒരു USB കേബിൾ ഉപയോഗിച്ച് Mac-ലേക്ക് നിങ്ങളുടെ iPhone ബന്ധിപ്പിച്ച് സോഫ്റ്റ്‌വെയർ സമാരംഭിക്കുകനിങ്ങളുടെ പിസിയിൽ.
3. ഇപ്പോൾ, നിങ്ങളുടെ iPhone പേര് സോഫ്‌റ്റ്‌വെയറിൽ ദൃശ്യമാകും.
4. അടുത്തതായി, നിങ്ങളുടെ ബ്രൗസറിൽ ഒരു വെബ്‌പേജ് തുറന്ന്, അത് നിങ്ങളുടെ കണക്റ്റുചെയ്‌തതിൽ എങ്ങനെ തുറക്കുമെന്ന് ശ്രദ്ധിക്കുക. iPhone-ഉം.
5. നിങ്ങളുടെ കണക്റ്റുചെയ്‌ത ഉപകരണങ്ങളുടെ അടുത്തായി കാണിക്കുന്ന ഒരു ഡീബഗ്ഗർ ചിഹ്നം () തിരഞ്ഞെടുക്കുക.
6. അടുത്തതായി, ഡെവലപ്പർ ടൂളുകൾ തുറക്കും, നിങ്ങളെ അനുവദിക്കുന്നു iPhone-ലെ ഘടകങ്ങൾ പരിശോധിക്കാൻ.

LambdaTest

LambdaTest ഉപയോഗിക്കുന്നത് iPhone-ലെ ഘടകങ്ങൾ പരിശോധിക്കുന്നതിനുള്ള മറ്റൊരു മികച്ച മൂന്നാം-കക്ഷി ഉപകരണമാണ്.

1. ഇതിൽ രജിസ്റ്റർ ചെയ്യുക. LambdaTest രജിസ്ട്രേഷൻ പേജ് ഒരു അക്കൗണ്ട് ഉണ്ടാക്കാനും സൈൻ ഇൻ ചെയ്യാനും.
2. ഡാഷ്‌ബോർഡിന്റെ ഇടത് പാനലിൽ റിയൽ-ടൈം ടെസ്റ്റിംഗ് തിരഞ്ഞെടുക്കുക.
3. നൽകുക. URL പരിശോധിക്കുക, കൂടാതെ നിങ്ങൾ ടെസ്റ്റ് റൺ ചെയ്യുന്ന ഉപകരണ തരം , ഉപകരണത്തിന്റെ പേര്, ഓപ്പറേറ്റിംഗ് സിസ്റ്റം , ബ്രൗസർ എന്നിവ തിരഞ്ഞെടുക്കുക.
4. ആരംഭിക്കുക ക്ലിക്കുചെയ്‌ത് ഇടത് ടൂൾ പാനലിൽ നിന്ന് ഡെവലപ്പർ ഓപ്ഷൻ തിരഞ്ഞെടുക്കുക.
5. ഡെവലപ്പർ ടൂളുകൾ നിങ്ങളുടെ തിരഞ്ഞെടുത്ത iPhone ഉപകരണത്തിൽ തുറക്കും.
6. <ഉപയോഗിച്ച് ടെസ്റ്റിംഗ് ആരംഭിക്കുക 13>ഐഫോൺ സിമുലേറ്റർ ബ്രൗസർ പരിശോധനയ്‌ക്കായുള്ള

ലാംഡാടെസ്റ്റ് GDPR, CCPA എന്നിവയ്ക്ക് അനുസൃതമായ അസാധാരണമായ സുരക്ഷിതമാണ്. അവ പൂർണ്ണമായ സുതാര്യത ഉയർത്തിപ്പിടിക്കുകയും നിങ്ങളുടെ ഡാറ്റ പരിരക്ഷയും സുരക്ഷയും ഉറപ്പുനൽകുകയും ചെയ്യുന്നു.

iPhone-ന്റെ Chrome ബ്രൗസറിലെ എലമെന്റ് പരിശോധിക്കുന്നു

നിങ്ങളുടെ iPhone ഉപയോഗിച്ച് Chrome ബ്രൗസറിൽ ഒരു വെബ്‌സൈറ്റിന്റെ ഘടകങ്ങൾ നിങ്ങൾക്ക് പരിശോധിക്കാവുന്നതാണ്. ഇത് ചെയ്യുന്നതിന്, നിങ്ങളുടെ iPhone-ൽ Chrome ബ്രൗസർ സമാരംഭിച്ച് ഒരു വെബ്സൈറ്റ് സന്ദർശിക്കുക.ഇപ്പോൾ, വിലാസ ബാറിൽ ടാപ്പുചെയ്‌ത് HTTP അല്ലെങ്കിൽ HTTPS -ന് മുമ്പായി view-source: എന്ന് ടൈപ്പ് ചെയ്യുക. അടുത്തതായി, മുഴുവൻ ഘടകങ്ങളും കാണുന്നതിന് പേജ് വീണ്ടും ലോഡുചെയ്യുക.

സംഗ്രഹം

iPhone-ലെ ഘടകം എങ്ങനെ പരിശോധിക്കാം എന്നതിനെക്കുറിച്ചുള്ള ഈ ഗൈഡിൽ, പരീക്ഷണത്തിനായി Safari ഡവലപ്പർ ടൂളുകളും മൂന്നാം കക്ഷി ടൂളുകളും ഉപയോഗിക്കുന്നത് ഞങ്ങൾ ചർച്ച ചെയ്തിട്ടുണ്ട്. കോഡ്. ഒരു iPhone-ന്റെ Chrome ബ്രൗസറിലെ ഘടകങ്ങൾ പരിശോധിക്കുന്നതിനെക്കുറിച്ചും ഞങ്ങൾ ചർച്ച ചെയ്തു.

ഈ ഗൈഡ് നിങ്ങൾക്ക് സഹായകരമാണെന്ന് പ്രതീക്ഷിക്കുന്നു, ഇപ്പോൾ നിങ്ങൾക്ക് ഞങ്ങളുടെ ദ്രുത രീതികൾ ഉപയോഗിച്ച് നിങ്ങളുടെ iPhone-ലെ ഘടകങ്ങൾ വേഗത്തിൽ പരിശോധിക്കാനാകും.

പതിവ് ചോദിക്കുന്ന ചോദ്യങ്ങൾ

ഒരു PC Chrome ബ്രൗസറിൽ ഒരു വെബ്‌സൈറ്റിന്റെ ഘടകങ്ങൾ പരിശോധിക്കുന്നതിന്, ഈ ഘട്ടങ്ങൾ ചെയ്യുക.

1) Chrome സമാരംഭിച്ച് ഘടകങ്ങൾ പരിശോധിക്കുന്നതിന് വെബ് പേജ് സന്ദർശിക്കുക.

2) സ്ക്രീനിന്റെ മുകളിൽ വലത് കോണിലേക്ക് നോക്കി മൂന്ന് ലംബ ഡോട്ടുകളിൽ ക്ലിക്ക് ചെയ്യുക.

3) അടുത്തതായി, കൂടുതൽ ടൂളുകൾ > ഡെവലപ്പർ ടൂളുകളിൽ ക്ലിക്ക് ചെയ്യുക ഡ്രോപ്പ്-ഡൗൺ മെനു.

4) ഡെവലപ്പർ ടൂളുകളും കൺസോളും മറ്റ് കുറച്ച് ടൂളുകളും തുറക്കും, ഇത് എലമെന്റ് പരിശോധിക്കാൻ നിങ്ങളെ അനുവദിക്കുന്നു.

ബ്രൗസറിലെ പരിശോധനാ ഘടകം ഉപയോഗിച്ച് ഒരു വെബ്‌സൈറ്റിൽ ഒരു കേടുപാടുകൾ കണ്ടെത്തുന്നത് നിയമവിരുദ്ധമല്ല. എന്നിരുന്നാലും, ആ സാധ്യത ചൂഷണം ചെയ്ത് ലാഭത്തിനായി ഉപയോഗിക്കുന്നത് നിയമവിരുദ്ധമാണ്.

നിങ്ങൾ ഒരു അപകടസാധ്യത കണ്ടെത്തുകയാണെങ്കിൽ, പ്രശ്നം പരസ്യമാക്കുന്നതിന് മുമ്പ് സൈറ്റ് ഉടമയെ അറിയിക്കുക. സാധാരണയായി, സൈറ്റുകൾക്ക് എസുരക്ഷാ പ്രശ്‌നങ്ങൾ റിപ്പോർട്ടുചെയ്യുന്നതിന് സമർപ്പിത പേജ്.