வலை உலாவி டெவலப்பர் கருவிகள் பயன்படுத்துவது எப்படி

இணைய வடிவமைப்பாளர்கள், உருவாக்குநர்கள் மற்றும் சோதனையாளர்களுக்கான ஒருங்கிணைந்த கருவிகள்

பல உலாவி தயாரிப்பாளர்கள் கூடுதலாக இணையத்தை உலாவுவதற்கு தினமும் பயனில் கவனம் செலுத்துவதோடு, இணைய பயனாளர்களையும் வடிவமைப்பாளர்கள் மற்றும் தரமான பயனீட்டாளர் தொழில் நுட்ப வல்லுநர்கள், பயனர்கள் அந்த உலாவிகளில் சக்திவாய்ந்த கருவிகளை ஒருங்கிணைப்பதன் மூலம் அணுகும் பயன்பாடுகள் மற்றும் தளங்களை உருவாக்க உதவுகின்றனர். தங்களை.

ஒரு உலாவியின் ஒரே நிரலாக்க மற்றும் சோதனை கருவிகள் நீங்கள் ஒரு பக்கத்தின் மூலக் குறியீட்டைப் பார்க்க அனுமதிக்கவில்லை, இன்னும் ஒன்றும் இல்லை. இன்றைய உலாவிகள், உங்கள் டிஜிட்டல் துணுக்குகளை இயக்கும் மற்றும் DOM உறுப்புகள் திருத்தும் மற்றும் திருத்தும், உங்கள் பயன்பாடு அல்லது பக்கம் சுமைகள் கண்காணிப்பு, CSS செயல்திறன் பகுப்பாய்வு, உங்கள் குறியீடு என்று உறுதி, ஜாவா துணுக்குகளை இயக்கும் மற்றும் பிழைத்திருத்தம் போன்ற விஷயங்களை செய்து ஒரு ஆழமான டைவ் எடுக்க அனுமதிக்க அதிக நினைவகம் அல்லது பல CPU சுழற்சிகள் பயன்படுத்துவதில்லை, மேலும் அதிகமானவை. ஒரு சோதனை முன்னோக்கு இருந்து, நீங்கள் பயன்பாட்டை அல்லது வலை பக்கம் பல்வேறு உலாவிகளில் அதே போல் பதிலளிக்க வடிவமைப்பு மந்திரம் மற்றும் உள்ளமைக்கப்பட்ட போலி மூலம் பல்வேறு சாதனங்கள் மற்றும் தளங்களில் எப்படி வழங்க எப்படி இனப்பெருக்கம் முடியும். சிறந்த பகுதியாக உங்கள் உலாவி விட்டு இல்லாமல் இந்த அனைத்து செய்ய முடியும் என்று!

கீழே உள்ள பயிற்சிகள் பல பிரபலமான வலை உலாவிகளில் இந்த டெவெலப்பர் கருவிகளை அணுகுவதன் மூலம் உங்களைத் தூண்டுகின்றன.

கூகிள் குரோம்

Chrome இன் டெவெலப்பர் கருவிகள், குறியீட்டைத் திருத்த மற்றும் பிழைத்திருத்தம் செய்ய, செயல்திறன் சிக்கல்களை அம்பலப்படுத்த தனிப்பட்ட கூறுகளை தணிக்கை செய்வது, இயங்கும் Android அல்லது iOS போன்ற பல்வேறு சாதனம் திரைகளை உருவகப்படுத்துதல் மற்றும் பல பயனுள்ள செயல்பாடுகளை செய்யலாம்.

1. Chrome இன் முதன்மை மெனு பொத்தானைக் கிளிக் செய்து, மூன்று கிடைமட்ட கோட்டுகளுடன் குறிக்கப்பட்டிருக்கும் மற்றும் உலாவியின் மேல் வலது மூலையில் உள்ளது.
2. கீழ்தோன்றும் மெனு தோன்றும்போது, மேலும் கருவி விருப்பத்தின் மீது உங்கள் இடஞ்சுட்டியை நகர்த்தவும்.
3. ஒரு துணை மெனு இப்போது தோன்றும். டெவெலப்பர் கருவிகளின் பெயரிடப்பட்ட விருப்பத்தைத் தேர்ந்தெடுக்கவும். Chrome OS / Windows ( CTRL + SHIFT + I ), Mac OS X ( ALT (OPTION) + COMMAND + I ) போன்ற மெனு உருப்படிக்கு பின்வரும் விசைப்பலகை குறுக்குவழியைப் பயன்படுத்தலாம்:
4. இந்த எடுத்துக்காட்டின் ஸ்கிரீன் ஷாட்டில் காட்டப்பட்டுள்ளபடி, Chrome டெவெலப்பர் கருவிகள் இடைமுகமானது இப்போது காட்டப்பட வேண்டும். Chrome இன் பதிப்பைப் பொறுத்து, நீங்கள் காணும் தொடக்க அமைப்பு இங்கு வழங்கப்பட்டவரின் சற்று வித்தியாசமாக இருக்கலாம். டெவெலப்பர் கருவிகளின் முக்கிய மையம், பொதுவாக திரையின் கீழ் அல்லது வலது பக்கத்தில் அமைந்துள்ள, பின்வரும் தாவல்களைக் கொண்டுள்ளது.
   கூறுகள்: CSS மற்றும் HTML குறியீட்டை சரிபார்க்கவும் மற்றும் உண்மையான நேரத்தில் உங்கள் மாற்றங்களின் விளைவுகள் பார்த்து, பறக்க திருத்தவும் CSS வழங்குகிறது.
   கன்சோல்: Chrome இன் JavaScript பணியகம் நேரடியாக கட்டளை நுழைவு மற்றும் கண்டறிதல் பிழைத்திருத்தத்திற்காக அனுமதிக்கிறது.
   ஆதாரங்கள்: ஒரு சக்திவாய்ந்த வரைகலை இடைமுகம் வழியாக ஜாவாஸ்கிரிப்ட் குறியீட்டை சரிசெய்ய உதவுகிறது.
   நெட்வொர்க்: முழுமையான கோரிக்கை மற்றும் பதில் தலைப்புகள் மற்றும் மேம்பட்ட நேர அளவீட்டுகள் உள்ளிட்ட செயலில் உள்ள பயன்பாடு அல்லது பக்கத்தின் ஒவ்வொரு தொடர்புடைய செயல்பாட்டைப் பற்றிய விரிவான தகவலை வகைப்படுத்தி மற்றும் காண்பிக்கும்.
   காலக்கழிவு: ஒரு பக்கம் அல்லது பயன்பாட்டு சுமை கோரிக்கை ஆரம்பிக்கப்பட்டவுடன் உலாவியினுள் நடைபெறும் ஒவ்வொரு செயல்பாட்டின் ஆழமான பகுப்பாய்வுக்கும் அனுமதிக்கிறது.
5. இந்த பிரிவுகளுக்கு கூடுதலாக, நீங்கள் பின்வரும் கருவிகளை டைப்லைன் தாவலின் வலது பக்கத்தில் உள்ள ஐகான் வழியாக அணுகலாம்.
   சுயவிவரம்: சி.பீ.யூ பேராசிரியர் மற்றும் குவியல் நிபுணர் பிரிவுகளில் உடைந்து, செயலில் உள்ள பயன்பாடு அல்லது பக்கத்தின் முழுமையான நினைவகப் பயன்பாடு மற்றும் ஒட்டுமொத்த செயல்பாட்டு நேரத்தை வழங்குகிறது.
   பாதுகாப்பு: செயலில் பக்கம் அல்லது பயன்பாட்டின் சிறப்பம்சங்கள் சான்றிதழ் சிக்கல்கள் மற்றும் பிற பாதுகாப்பு தொடர்பான சிக்கல்கள்.
   வளங்கள்: குக்கீகள், உள்ளூர் சேமிப்பகம், பயன்பாட்டுத் தற்காலிக சேமிப்பிடம் மற்றும் தற்போதைய வலைப்பக்கம் அல்லது பயன்பாட்டால் பயன்படுத்தப்படும் மற்ற உள்ளூர் தரவு ஆதாரங்கள் ஆகியவற்றை நீங்கள் ஆய்வு செய்யலாம்.
   ஆடிட்ஸ்: ஒரு பக்கம் அல்லது பயன்பாட்டின் சுமை நேரம் மற்றும் பொதுவான செயல்திறனை மேம்படுத்த வழிகள் வழங்குகிறது.
6. சாதனம் பயன்முறையானது செயல்திறன் பக்கத்தை ஒரு சிமுலேட்டரில் பார்க்க அனுமதிக்கிறது, இது ஐபாட், ஐபோன் மற்றும் சாம்சங் கேலக்ஸி போன்ற பல நன்கு அறியப்பட்ட ஆண்ட்ராய்டு மற்றும் iOS மாதிரிகள் உள்ளிட்ட ஒரு டஜன் சாதனங்களில் ஒன்றில் தோன்றும் வகையில் கிட்டத்தட்ட சரியாக வழங்கப்படுகிறது. உங்கள் குறிப்பிட்ட வளர்ச்சிக்கு அல்லது சோதனை தேவைகளுக்கு பொருந்தக்கூடிய தனிபயன் திரையில் தீர்மானங்களை வழங்குவதற்கான திறனும் உங்களுக்கு வழங்கப்படுகிறது. சாதன பயன்முறையை மாற்றுதல் மற்றும் அணைக்க, எலெக்ட்மெண்ட்ஸ் தாவலின் இடதுபுறத்தில் நேரடியாக அமைந்துள்ள மொபைல் ஃபோன் ஐகானைத் தேர்ந்தெடுக்கவும்.
7. மூன்று செங்குத்தாக வைக்கப்படும் புள்ளிகள் மற்றும் மேற்கூறிய தாவல்களின் வலதுபுறத்தில் அமைந்துள்ள மெனு பொத்தானை முதலில் கிளிக் செய்வதன் மூலம் உங்கள் டெவலப்பர் கருவிகளின் தோற்றம் மற்றும் உணர்வை நீங்கள் தனிப்பயனாக்கலாம். இந்த கீழ்தோன்றும் மெனுவில் இருந்து, கப்பல்துறை இடமாற்றம் செய்யலாம், வெவ்வேறு கருவிகளைக் காண்பிக்கலாம் அல்லது ஒரு சாதன ஆய்வாளர் போன்ற மேம்பட்ட உருப்படிகளைத் தொடங்கலாம். இந்த பிரிவில் காணப்படும் அமைப்புகளின் வழியாக dev Tools இடைமுகம் தன்னை மிகவும் தனிப்பயனாக்கக்கூடியதாக காணலாம்.

Mozilla Firefox

ஃபயர்பீரின் வலை டெவலப்பர் பிரிவில் வடிவமைப்பாளர்கள், டெவெலப்பர்கள் மற்றும் டெஸ்டர்கள் போன்ற பாணி ஆசிரியர்கள் மற்றும் பாலிடெக் குறிக்கோள் ஆகியவற்றுக்கான கருவிகள் அடங்கும்.

பரிந்துரைக்கப்பட்ட படித்தல்: சிறந்த 25 க்ரேஸ்மோன் மற்றும் டாம்பர்மொன்கி பயனர் ஸ்கிரிப்டுகள்

1. Firefox இன் முக்கிய மெனு பொத்தானைக் கிளிக் செய்து, மூன்று கிடைமட்ட கோடுகள் மற்றும் உலாவி சாளரத்தின் மேல் வலது மூலையில் அமைந்துள்ள.
2. கீழ்தோன்றும் மெனு தோன்றும் போது, ​​சின்னமாக பெயரிடப்பட்ட டெவெலப்பரைத் தேர்ந்தெடுக்கவும். வலை டெவலப்பர் மெனு இப்போது காட்டப்பட வேண்டும், பின்வரும் விருப்பங்களைக் கொண்டுள்ளது. பெரும்பாலான பட்டி உருப்படிகளுடன் தொடர்புடைய விசைப்பலகைக் குறுக்குவழிகளைக் கொண்டுள்ளன என்பதை நீங்கள் கவனிக்க வேண்டும்.
   மாற்று கருவிகள்: டெவெலப்பர் கருவிகள் இடைமுகத்தை காண்பித்தல் அல்லது மறைக்கிறது, பொதுவாக உலாவி சாளரத்தின் கீழே உள்ள நிலை. விசைப்பலகை குறுக்குவழி: Mac OS X ( ALT (விருப்பம்) + COMMAND + I ), விண்டோஸ் ( CTRL + SHIFT + I )
   இன்ஸ்பெக்டர்: செயலில் பக்கத்தில் CSS மற்றும் HTML குறியீட்டை சரிபார்க்க மற்றும் / அல்லது குறுக்குவழி சாதனத்தை தொலைநிலை பிழைத்திருத்தத்தின் மூலம் ஒரு சிறிய சாதனத்தில் மாற்றுவதற்கு அனுமதிக்கிறது. விசைப்பலகை குறுக்குவழி: Mac OS X ( ALT (விருப்பம்) + COMMAND + C ), விண்டோஸ் ( CTRL + SHIFT + C )
   வலை கன்சோல்: செயலில் பக்கம் உள்ள ஜாவாஸ்கிரிப்ட் எக்ஸ்ப்ரெண்ட்களை இயக்கவும், பாதுகாப்பு எச்சரிக்கை, நெட்வொர்க் கோரிக்கைகள், CSS செய்திகள் மற்றும் பலவற்றை உள்பட உள்நுழைந்த தரவுகளின் பல்வேறு தொகுப்புகளை மதிப்பாய்வு செய்யவும் அனுமதிக்கிறது. விசைப்பலகை குறுக்குவழி: Mac OS X ( ALT (விருப்பம்) + COMMAND + K ), விண்டோஸ் ( CTRL + SHIFT + K )
   பிழைத்திருத்தம்: JavaScript பிழைத்திருத்தம் முறிவுப் புள்ளிகளை அமைப்பதன் மூலம் குறைபாடுகளை சரிசெய்து, டி.ஓ.எம் முனைகள், கருப்பு குத்துச்சண்டை வெளிப்புற ஆதாரங்கள் மற்றும் இன்னும் அதிகமானவற்றைப் பரிசோதிக்கும். இன்ஸ்பெக்டர் விஷயத்தில், இந்த அம்சம் ரிமோட் பிழைத்திருத்தத்தை ஆதரிக்கிறது. விசைப்பலகை குறுக்குவழி: Mac OS X ( ALT (விருப்பம்) + COMMAND + S ), விண்டோஸ் ( CTRL + SHIFT + S)
   உடை எடிட்டர்: நீங்கள் புதிய ஸ்டைல்ஷேட்களை உருவாக்கி, அவற்றை வலைப்பக்கத்தில் இணைத்துக்கொள்ளவும், அல்லது ஏற்கனவே உள்ள தாள்களைத் திருத்தவும், ஒரு உலாவியில் உங்கள் மாற்றங்கள் எவ்வாறு ஒரே கிளிக்கில் வழங்குவது என்பதை சோதிக்கவும் உங்களை அனுமதிக்கிறது. விசைப்பலகை குறுக்குவழி: Mac OS X, விண்டோஸ் ( SHIFT + F7 )
   செயல்திறன்: செயல்பாட்டு பக்கத்தின் வலைப்பின்னல் செயல்திறன், பிரேம் வீத தரவு, ஜாவாஸ்கிரிப்ட் மரணதண்டனை நேரம் மற்றும் நிலை, வண்ணப்பூச்சு ஒளிரும் மற்றும் பலவற்றை விரிவான விபத்து வழங்குகிறது. விசைப்பலகை குறுக்குவழி: Mac OS X, விண்டோஸ் ( SHIFT + F5 )
   நெட்வொர்க்: உலாவியால் துவக்கப்பட்ட ஒவ்வொரு பிணைய கோரிக்கைக்கும் தொடர்புடைய முறை, தோற்றம், வகை, அளவு மற்றும் நேரம் ஆகியவற்றைப் பட்டியலிடுகிறது. விசைப்பலகை குறுக்குவழி: Mac OS X ( ALT (விருப்பம்) + COMMAND + Q ), விண்டோஸ் ( CTRL + SHIFT + Q )
   டெவெலப்பர் கருவிப்பட்டி: ஒரு ஊடாடும் கட்டளை வரி மொழிபெயர்ப்பாளர் திறக்கிறது. கிடைக்கும் அனைத்து கட்டளைகள் மற்றும் அவற்றின் சரியான தொடரியல் பட்டியலுக்கான மொழிபெயர்ப்பாளருக்கு உதவியை உள்ளிடவும். விசைப்பலகை குறுக்குவழி: Mac OS X, விண்டோஸ் ( SHIFT + F2 )
   WebIDE: ஃபயர்பாக்ஸ் ஓஎஸ் இயங்குதளம் அல்லது Firefox OS Simulator வழியாக இயங்கும் சாதனத்தின் மூலம் வலை பயன்பாடுகளை உருவாக்க மற்றும் இயக்கக்கூடிய திறனை வழங்குகிறது. விசைப்பலகை குறுக்குவழி: Mac OS X, விண்டோஸ் ( SHIFT + F8 )
   உலாவி பணியகம்: வலை பணியகம் (மேலே பார்க்கவும்) அதே செயல்பாட்டை வழங்குகிறது. இருப்பினும், அனைத்து தரவுகளும் செயலில் உள்ள வலைப்பக்கத்திற்கு எதிரான முழு ஃபயர்பாக்ஸ் பயன்பாட்டிற்கும் ( நீட்டிப்புகள் மற்றும் உலாவி-நிலை செயல்பாடுகள் உட்பட) உள்ளது. விசைப்பலகை குறுக்குவழி: Mac OS X ( SHIFT + COMMAND + J ), விண்டோஸ் ( CTRL + SHIFT + J )
   பதிலளிக்க வடிவமைப்பு காட்சி: நீங்கள் உடனடியாக மாத்திரைகள் மற்றும் ஸ்மார்ட்போன்கள் உட்பட பல சாதனங்கள் பிரதிபலிக்கும் பல்வேறு தீர்மானங்களை, அமைப்பு, மற்றும் திரை அளவுகள் ஒரு வலை பக்கம் பார்க்க அனுமதிக்கிறது. விசைப்பலகை குறுக்குவழி: Mac OS X ( ALT (விருப்பம்) + COMMAND + M ), விண்டோஸ் ( CTRL + SHIFT + M )
   Eyedropper: தனித்தனியாக தேர்ந்தெடுக்கப்பட்ட பிக்சல்களுக்கு ஹெக்ஸ் வண்ணக் குறியீட்டைக் காட்டுகிறது.
   ஸ்கிரேட்ச்பேட் : ஜாவாஸ்கிரிப்ட் குறியீட்டின் துணுக்குகளை எழுத, தொகுக்க, ஒருங்கிணைக்க மற்றும் இயக்கவும். விசைப்பலகை குறுக்குவழி: Mac OS X, விண்டோஸ் ( SHIFT + F4 )
   பக்க மூல: அசல் உலாவி அடிப்படையிலான டெவெலப்பர் கருவி, இந்த விருப்பம் செயலில் உள்ள பக்கத்திற்கான கிடைக்கும் மூலக் குறியீட்டைக் காட்டுகிறது. விசைப்பலகை குறுக்குவழி: Mac OS X ( COMMAND + U ), விண்டோஸ் ( CTRL + U )
   மேலும் கருவிகளைப் பெறுங்கள்: மோசில்லாவின் அதிகாரப்பூர்வ கூடுதல் இணைப்புகளை வலை வடிவமைப்பாளரின் டூல்பாக்ஸ் சேகரிப்பு திறக்கிறது, ஃபயர்பக் மற்றும் க்ரீஸ்மோன் போன்ற டசின் பிரபலமான நீட்டிப்புகள் பற்றி இது இடம்பெறுகிறது.

Microsoft Edge / Internet Explorer

Internet Explorer இன் முந்தைய பதிப்புகள், IE11 மற்றும் மைக்ரோசாப்ட் எட்ஜில் உள்ள Dev toolset ஆகியவற்றுக்கு இடையேயான இடைமுகத்தை அறிமுகப்படுத்திய விசைப்பலகை குறுக்குவழிக்கு, F12 டெவலப்பர் கருவிகளைப் பொதுவாகப் புகழ்ந்து பேசுகிறது. மானிட்டர்கள், debuggers, emulators, மற்றும் on-the-fly கம்பைலர்கள்.

1. மூன்று புள்ளிகளால் குறிப்பிடப்படும் மேலும் செயல்கள் மெனுவில் கிளிக் செய்து உலாவி சாளரத்தின் மேல் வலது மூலையில் உள்ளது. கீழ்தோன்றும் மெனு தோன்றும்போது, F12 டெவலப்பர் கருவி என்று பெயரிடப்பட்ட விருப்பத்தைத் தேர்ந்தெடுக்கவும். ஏற்கனவே குறிப்பிட்டுள்ளபடி, நீங்கள் F12 விசைப்பலகை குறுக்குவழி வழியாக கருவிகள் அணுகலாம்.
2. மேம்பட்ட இடைமுகம் இப்போது காட்டப்பட வேண்டும், பொதுவாக உலாவி சாளரத்தின் கீழே. பின்வரும் கருவிகள் கிடைக்கின்றன, ஒவ்வொன்றும் அவற்றின் தாவலைத் தலைப்பு அல்லது அதனுடன் உள்ள விசைப்பலகை குறுக்குவழியைப் பயன்படுத்தி கிளிக் செய்வதன் மூலம் கிடைக்கும்.
   DOM எக்ஸ்ப்ளோரர்: செயலில் பக்கம் உள்ள ஸ்டைல்ஷீட்ஸ் மற்றும் HTML ஐ நீங்கள் திருத்தும் முடிவை மாற்றும் முடிவுகளை திருத்தும் வகையில் அனுமதிக்கிறது. பொருந்தக்கூடிய குறியீடு தானாக நிரப்புவதற்கு IntelliSense செயல்பாட்டை பயன்படுத்துகிறது. விசைப்பலகை குறுக்குவழி: (CTRL + 1)
   கன்சோல்: ஒருங்கிணைந்த API வழியாக கவுண்டர்கள், டைமர்கள், தடயங்கள் மற்றும் தனிப்பயனாக்கப்பட்ட செய்திகளை உள்ளிட்ட பிழைத்திருத்த தகவலை சமர்ப்பிக்கும் திறனை வழங்குகிறது. மேலும், ஒரு செயலில் உள்ள வலைப்பக்கத்தில் குறியீடுகளை புகுத்தி உண்மையான நேரத்தில் தனி மாறிகள் ஒதுக்கப்படும் மதிப்புகள் மாற்ற உதவுகிறது. விசைப்பலகை குறுக்குவழி: (CTRL + 2)
   பிழைத்திருத்தம்: முறிவுப் புள்ளிகளை அமைக்கவும், உங்கள் குறியீட்டை இயக்கும்போது, ​​கோடு மூலம் தேவைப்படும் போது பிழைகளை சரிசெய்யவும் உதவுகிறது. விசைப்பலகை குறுக்குவழி: (CTRL + 3)
   நெட்வொர்க்: புரோகால் விவரங்கள், உள்ளடக்க வகை, அலைவரிசை பயன்பாடு மற்றும் பலவற்றை உள்ளடக்கிய பக்க சுமை மற்றும் செயல்படுத்தல் ஆகியவற்றின் போது உலாவியால் துவக்கப்பட்ட ஒவ்வொரு பிணைய கோரிக்கையும் பட்டியலிடுகிறது. விசைப்பலகை குறுக்குவழி: (CTRL + 4)
   செயல்திறன்: விவரம் சட்டக விகிதங்கள், CPU பயன்பாடு மற்றும் பிற செயல்திறன் தொடர்பான அளவீடுகள் பக்கம் சுமை நேரங்களையும் பிற நடவடிக்கைகளையும் விரைவாக்க உதவுகிறது. விசைப்பலகை குறுக்குவழி: (CTRL + 5)
   நினைவகம்: வெவ்வேறு கால இடைவெளியில் ஸ்னாப்ஷாட்டுகளுடன் நினைவக பயன்பாடு காலவரிசை காண்பிப்பதன் மூலம் தற்போதைய வலைப்பக்கத்தில் சாத்தியமான நினைவக கசிவை நீங்கள் தனிமைப்படுத்தி சரிப்படுத்த உதவுகிறது. விசைப்பலகை குறுக்குவழி: (CTRL + 6)
   சம்மந்தம்: ஸ்மார்ட்ஃபோன்கள், டேப்லட்கள் மற்றும் பிற சாதனங்களைப் பின்தொடர்வது, பல்வேறு தீர்மானங்கள் மற்றும் திரை அளவுகளில் எப்படி செயல்திறன் பக்கம் வழங்குவது என்பதைக் காட்டுகிறது. பயனர் முகவரையும் பக்க நோக்குநிலையையும் மாற்றியமைக்கும் திறனையும் வழங்குகிறது, அத்துடன் அட்சரேகை மற்றும் தீர்க்கரேகை ஆகியவற்றின் மூலம் பல்வேறு புவிச்சரிதங்களை உருவகப்படுத்துதல். விசைப்பலகை குறுக்குவழி: (CTRL + 7)
3. பிற கருவிகளில் ஏதாவது இருக்கும்போது, கன்சோலைக் காண்பிப்பதற்கு, வலதுபுறம் உள்ள வலதுபுறத்தில் உள்ள வலதுபுறம் உள்ள மேம்பட்ட கருவிகள் இடைமுகத்தில் உள்ள சதுர பொத்தானை சொடுக்கவும்.
4. பணிநீக்கம் செய்ய, டெவெலப்பர் கருவிகள் இடைமுகமானது, அது தனி சாளரமாக மாறும், இரண்டு அடுக்கு நீள்சதுரங்கள் குறிக்கும் பொத்தானைக் கிளிக் செய்யவும் அல்லது பின்வரும் விசைப்பலகை குறுக்குவழியைப் பயன்படுத்தவும்: CTRL + P. இரண்டாவது முறை CTRL + P ஐ அழுத்தினால், நீங்கள் அதன் அசல் இருப்பிடத்தை மீண்டும் வைக்கலாம்.

ஆப்பிள் சஃபாரி (OS X மட்டும்)

சஃபாரிக்குள்ளே பல்வேறு டி.வி. கருவிகளை வடிவமைத்து, அவற்றின் வடிவமைப்பு மற்றும் நிரலாக்கத் தேவைகளுக்கு ஒரு மேக் பயன்படுத்துகின்ற பெரிய டெவெலப்பர் சமூகம் பிரதிபலிக்கிறது. ஒரு சக்திவாய்ந்த பணியகம் மற்றும் பாரம்பரிய பதிவு மற்றும் பிழைத்திருத்த அம்சங்கள் கூடுதலாக, ஒரு எளிய பயன்படுத்தக்கூடிய பதிலளிக்க வடிவமைப்பு முறை மற்றும் உங்கள் சொந்த உலாவி நீட்டிப்புகள் உருவாக்க ஒரு கருவி வழங்கப்படுகிறது.

1. உங்கள் திரையின் மேல் அமைந்துள்ள உலாவி மெனுவில் சஃபாரி கிளிக் செய்யவும். கீழ்தோன்றும் மெனு தோன்றும்போது, முன்னுரிமைகளைத் தேர்ந்தெடுக்கவும். இந்த மெனு உருப்படிக்கு பதிலாக பின்வரும் விசைப்பலகை குறுக்குவழியைப் பயன்படுத்தலாம்: COMMAND + COMMA (,)
2. சஃபாரி முன்னுரிமைகள் இடைமுகம் இப்போது உங்கள் உலாவி சாளரத்தை மூடுவதன் மூலம் காட்டப்பட வேண்டும். தலைப்பு வலதுபுறத்தில் உள்ள மேம்பட்ட சின்னத்தை கிளிக் செய்யவும்.
3. மேம்பட்ட விருப்பம் இப்போது தெரிந்திருக்க வேண்டும். இந்த திரையின் அடிப்பகுதியில் மெனுப் பட்டியில் காட்சி உருவாக்கு மெனுவில் பெயரிடப்பட்ட ஒரு விருப்பம், ஒரு காசோலை பெட்டியுடன். பெட்டியில் காட்டப்பட்டுள்ள சோதனைச் சின்னம் இல்லையெனில், அங்கு ஒரு இடத்திற்கு ஒரு முறை கிளிக் செய்யவும்.
4. மேல் இடது மூலையில் காணப்படும் சிவப்பு 'x' என்பதைக் கிளிக் செய்வதன் மூலம் விருப்பங்கள் முகப்பை மூடுக.
5. புக்மார்க்ஸ் மற்றும் சாளரத்திற்கு இடையில் உருவாக்கப்பட்டுள்ள உலாவி மெனுவில் நீங்கள் இப்போது ஒரு புதிய விருப்பத்தை கவனிக்க வேண்டும். இந்த மெனுவில் கிளிக் செய்க. ஒரு கீழ்தோன்றும் மெனு இப்போது காட்டப்பட வேண்டும், பின்வரும் விருப்பங்களைக் கொண்டுள்ளது.
   பக்கத்தைத் திறக்கவும்: உங்கள் Mac இல் தற்போது நிறுவப்பட்ட பிற உலாவிகளில் ஒரு செயலில் வலைப்பக்கத்தைத் திறக்க உங்களை அனுமதிக்கிறது.
   பயனர் முகவர்: Chrome, Firefox மற்றும் இன்டர்நெட் எக்ஸ்ப்ளோரர் பல பதிப்புகள் உட்பட ஒரு டஜன் முன் வரையறுக்கப்பட்ட பயனர் முகவர் மதிப்புகள் இருந்து தேர்ந்தெடுக்கவும், அதே போல் உங்கள் சொந்த தனிபயன் சரம் வரையறுக்க.
   பதிலளிக்க வடிவமைப்பு பயன்முறையை உள்ளிடவும்: பல்வேறு சாதனங்களிலும், வெவ்வேறு திரை தீர்மானங்களிலும் தோன்றும் தற்போதைய பக்கத்தை வழங்குகிறது.
   வலை இன்ஸ்பெக்டர் காண்பி: உங்கள் உலாவி திரையின் அடிப்பகுதியில் வைக்கப்படும் சஃபாரி டெவ் கருவிகளுக்கான முக்கிய இடைமுகத்தை துவக்கி, பின்வரும் பிரிவுகள்: கூறுகள் , நெட்வொர்க் , வளங்கள் , நேரக்கட்டுகள் , பிழைத்திருத்தம் , சேமிப்பிடம் , கன்சோல் ஆகியவற்றை உள்ளடக்கியது .
   பிழை கன்சோலைக் காட்டு: பிழைகள், எச்சரிக்கைகள் மற்றும் பிற தேடத்தக்க பதிவுத் தரவைக் காண்பிக்கும் கன்சோல் தாவலுக்கு நேரடியாக dev Tools இடைமுகத்தை துவக்குகிறது.
   பக்க மூலத்தைக் காண்பி: ஆவணங்களின் வகைப்படுத்தப்படும் செயலில் உள்ள மூலக் குறியீட்டைக் காட்டும் வளங்கள் தாவலைத் திறக்கும்.
   பக்க ஆதாரங்களைக் காட்டு: ஷோ பக்க மூல விருப்பத்தை போலவே செயல்படும்.
   ஷிப்பிட் எடிட்டர் காட்டு: நீங்கள் CSS மற்றும் HTML குறியீட்டை உள்ளிடும் ஒரு புதிய சாளரத்தைத் திறந்து, வெளியீட்டில் அதன் வெளியீட்டை முன்னோட்டமிடலாம்.
   நீட்டிப்பு பில்டர் காண்பி: சஃபாரி நீட்டிப்புகள் CSS, HTML மற்றும் JavaScript உடன் உருவாக்க அல்லது திருத்தும் திறனை வழங்குகிறது.
   காலக்கெடு பதிவு காட்டு: காலக்கெடு தாவலைத் திறந்து நெட்வொர்க் கோரிக்கைகள், தளவமைப்பு மற்றும் ஒழுங்கமைவு தகவல் மற்றும் உண்மையான நேரத்தில் ஜாவா நிறைவேற்றுவது ஆகியவற்றைத் தொடங்குகிறது.
   வெற்று காசோலைகள்: தற்போது உங்களுடைய நிலைவட்டில் சேமித்த முழு கேச் துண்டிக்கப்படுகிறது.
   முடக்கு தற்காலிக சேமிப்புகள்: சப்பரிலிருந்து சபாஷ் ஒவ்வொரு பக்கம் சுமை சேவையகத்திலிருந்து அனைத்து உள்ளடக்கத்தையும் மீட்டெடுக்கிறது.
   முடக்கு படங்கள்: அனைத்து வலை பக்கங்களிலும் ரெண்டரிங் படங்களை இருந்து தடுக்கிறது.
   பாங்குகள் முடக்கு: ஒரு பக்கம் ஏற்றப்படும் போது CSS பண்புகளை புறக்கணிக்கிறது.
   JavaScript ஐ முடக்கு: அனைத்து பக்கங்களிலும் ஜாவாஸ்கிரிப்ட் செயல்படுத்துவதை கட்டுப்படுத்துகிறது.
   நீட்டிப்புகளை முடக்கு: உலாவியில் இயங்கும் அனைத்து நிறுவப்பட்ட நீட்டிப்புகளையும் தடைசெய்கிறது.
   தள-குறிப்பிட்ட ஹேக்க்களை முடக்கு: செயலில் உள்ள வலைப்பக்கத்திற்கு குறிப்பிட்ட சிக்கலை (வெளிப்படையான சிக்கலைக் கையாளுவதற்கு சஃபாரி மாற்றியமைக்கப்பட்டிருந்தால்), இந்த மாற்றங்கள் அந்த மாற்றங்களைத் தடுக்க முன் பக்கம் ஏற்றப்படும் வகையில் இந்த விருப்பத்தை தடை செய்யும்.
   உள்ளூர் கோப்பு கட்டுப்பாடுகள் முடக்கு: உங்கள் உள்ளூர் வட்டுகளில் கோப்புகளை அணுகுவதற்கு உலாவி அனுமதிக்கிறது, பாதுகாப்பு காரணங்களுக்காக இயல்புநிலையாக வரையறுக்கப்படும் ஒரு செயலை அனுமதிக்கிறது.
   குறுக்குவழி கட்டுப்பாடுகளை முடக்கு: XSS மற்றும் பிற ஆபத்துகளைத் தடுக்க இந்த கட்டுப்பாடுகள் முன்னிருப்பாக வைக்கப்படுகின்றன. இருப்பினும், அவை பெரும்பாலும் வளர்ச்சி நோக்கங்களுக்காக தற்காலிகமாக முடக்கப்பட வேண்டும்.
   ஸ்மார்ட் தேடல் புலத்திலிருந்து JavaScript ஐ அனுமதிக்க: இயக்கப்பட்டதும், JavaScript களுடன் URL களை உள்ளிடும் திறனை வழங்குகிறது : நேரடியாக முகவரி பட்டியில் இணைக்கப்பட்டது.
   SHA-1 சான்றிதழ்களை பாதுகாப்பற்றதாக நடத்துக: SHA-1 வழிமுறையைப் பயன்படுத்தி SSL சான்றிதழ்கள் காலாவதியாகவும், பாதிக்கப்படக்கூடியதாகவும் கருதப்படுகின்றன.