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

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

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

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

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

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

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

Mozilla Firefox

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

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

1. Firefox இன் முக்கிய மெனு பொத்தானைக் கிளிக் செய்து, மூன்று கிடைமட்ட கோடுகள் மற்றும் உலாவி சாளரத்தின் மேல் வலது மூலையில் அமைந்துள்ள.
2. கீழ்தோன்றும் மெனு தோன்றும்போது, ​​பெயரிடப்பட்ட ஐகானைத் தேர்ந்தெடுக்கவும் டெவலப்பர் . தி இனையதள வடிவமைப்பாளர் பட்டி இப்போது காட்டப்படும், பின்வரும் விருப்பங்களை கொண்டுள்ளது.பெரும்பாலான பட்டி உருப்படிகளுடன் தொடர்புடைய விசைப்பலகைக் குறுக்குவழிகளைக் கொண்டுள்ளன என்பதை நீங்கள் கவனிக்க வேண்டும்.மாற்று கருவிகள்: டெவலப்பர் கருவிகள் இடைமுகத்தை காண்பித்தல் அல்லது மறைக்கிறது, பொதுவாக உலாவி சாளரத்தின் கீழே உள்ள நிலை. விசைப்பலகை குறுக்குவழி: Mac OS X ( ALT அளவுகள் (ஆப்ஷன்) + Command + நான் ), விண்டோஸ் ( Ctrl + Shift + நான் )இன்ஸ்பெக்டர்: செயலில் பக்கத்தில் CSS மற்றும் HTML குறியீட்டை சரிபார்க்க மற்றும் / அல்லது ட்விட்டர் ரிமோட் பிழைதிருத்தம் வழியாக ஒரு சிறிய சாதனத்தில் அனுமதிக்கிறது. விசைப்பலகை குறுக்குவழி: Mac OS X ( ALT அளவுகள் (ஆப்ஷன்) + Command + சி ), விண்டோஸ் ( Ctrl + Shift + சி )வலை கன்சோல்: செயலில் பக்கம் உள்ள ஜாவாஸ்கிரிப்ட் வெளிப்பாடுகளை இயக்கவும், பாதுகாப்பு எச்சரிக்கை, நெட்வொர்க் கோரிக்கைகள், CSS செய்திகள் மற்றும் பலவற்றை உள்பட உள்நுழைந்த தரவுகளின் பல்வேறு தொகுப்புகளை மதிப்பாய்வு செய்யவும் அனுமதிக்கிறது. விசைப்பலகை குறுக்குவழி: Mac OS X ( ALT அளவுகள் (ஆப்ஷன்) + Command + கே ), விண்டோஸ் ( 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 + கே ), விண்டோஸ் ( Ctrl + Shift + Q )டெவெலப்பர் கருவிப்பட்டி: ஒரு ஊடாடும் கட்டளை வரி மொழிபெயர்ப்பாளர் திறக்கிறது. உள்ளிடவும் உதவி கிடைக்கக்கூடிய எல்லா கட்டளைகள் மற்றும் அவற்றின் சரியான தொடரியல் பட்டியலுக்கான மொழிபெயர்ப்பாளருக்கு. விசைப்பலகை குறுக்குவழி: Mac OS X, விண்டோஸ் ( SHIFT +, F2 )WebIDE: ஃபயர்பாக்ஸ் ஓஎஸ் இயங்கும் அல்லது Firefox OS Simulator வழியாக இயங்கும் சாதனத்தின் மூலம் வலை பயன்பாடுகளை உருவாக்க மற்றும் இயக்கக்கூடிய திறனை வழங்குகிறது. விசைப்பலகை குறுக்குவழி: Mac OS X, விண்டோஸ் ( SHIFT + F8 )உலாவி பணியகம்: அதே செயல்பாட்டை வழங்குகிறது வலை கன்சோல் (மேலே பார்க்க). இருப்பினும், அனைத்து தரவுகளும் செயலில் உள்ள வலைப்பக்கத்திற்கு எதிரான முழு ஃபயர்பாக்ஸ் பயன்பாட்டிற்கும் (நீட்டிப்புகள் மற்றும் உலாவி-நிலை செயல்பாடுகள் உட்பட) உள்ளது. விசைப்பலகை குறுக்குவழி: Mac OS X ( SHIFT + Command + ஜே ), விண்டோஸ் ( Ctrl + Shift + ஜே )பதிலளிக்க வடிவமைப்பு காண்க: மாத்திரைகள் மற்றும் ஸ்மார்ட்போன்கள் உள்ளிட்ட பல சாதனங்களைப் போன்று பல்வேறு தீர்மானங்கள், அமைப்பு மற்றும் திரை அளவுகளில் உள்ள வலைப்பக்கத்தை உடனடியாகக் காண உங்களை அனுமதிக்கிறது. விசைப்பலகை குறுக்குவழி: Mac OS X ( ALT அளவுகள் (ஆப்ஷன்) + Command + எம் ), விண்டோஸ் ( Ctrl + Shift + M )கண்கட்டி: தனித்தனியாக தேர்ந்தெடுக்கப்பட்ட பிக்சல்களுக்கு ஹெக்ஸ் வண்ணக் குறியீட்டைக் காட்டுகிறது.கிறுக்கல்பலகை: ஜாவாஸ்கிரிப்ட் குறியீட்டின் துணுக்குகளை எழுத, திருத்த, ஒருங்கிணைக்க மற்றும் இயக்கவும். விசைப்பலகை குறுக்குவழி: Mac OS X, விண்டோஸ் ( SHIFT + F4 )பக்க மூல: அசல் உலாவி அடிப்படையிலான டெவெலப்பர் கருவி, இந்த விருப்பம் செயலில் உள்ள பக்கத்திற்கு கிடைக்கும் மூலக் குறியீட்டைக் காட்டுகிறது. விசைப்பலகை குறுக்குவழி: Mac OS X ( Command + யூ ), விண்டோஸ் ( Ctrl + U )மேலும் கருவிகள் கிடைக்கும்: திறக்கும் வலை டெவலப்பர் கருவிப்பெட்டி மோசில்லாவின் உத்தியோகபூர்வ கூடுதல் இணைப்புகளை சேகரித்தல், ஃபயர்பக் மற்றும் கிரேசமோன் போன்ற ஒரு டஜன் பிரபலமான விரிவாக்கங்களைக் கொண்டுள்ளது.

Microsoft Edge / Internet Explorer

பொதுவாக குறிப்பிடப்படுகிறது F12 டெவலப்பர் கருவிகள் , இன்டர்நெட் எக்ஸ்ப்ளோரர் முந்தைய பதிப்புகள் முதல் இடைமுகத்தை அறிமுகப்படுத்தியுள்ள விசைப்பலகை குறுக்குவழிக்கு ஒரு மரியாதை, IE11 மற்றும் மைக்ரோசாப்ட் எட்ஜ் உள்ள Dev கருவியாகும் மாறியல்கள், debuggers, emulators, - பறக்கக் கம்பியிகள்.

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

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

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

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