பொதுவாக ஒரு வலைப்பக்கத்தைத் திருத்தும் போது அடோப் ட்ரீம்வீவர், காபிகப், புளூபிஷ் அல்லது பிற மேம்பாட்டுக் கருவிகளில் ஒன்று போன்ற ஒரு குறிப்பிட்ட எடிட்டிங் கருவியைப் பயன்படுத்துகிறோம். ஆனால் நாம் மூளைச்சலவை செய்கிறோமா அல்லது நேரடி பக்கத்தில் ஏதாவது முயற்சிக்க விரும்பினால் என்ன செய்வது? எங்கள் விருப்பமான கருவியில் பக்கத்தின் நகலை உருவாக்கி அதனுடன் விளையாடலாம். அல்லது எங்கள் வலை உலாவியில் இதைச் செய்யலாம். இந்த பயிற்சி உங்கள் உலாவியில் ஒரு வலைப்பக்கத்தை எவ்வாறு திருத்துவது என்பதைக் காண்பிக்கும்.
டெவலப்பர் கருவிகள் என குறிப்பிடப்படும், பயர்பாக்ஸ் அம்சத்தை இன்ஸ்பெக்ட் எலிமென்ட் என்றும், குரோம் இன்ஸ்பெக்ட் என்றும் அழைக்கிறது. எந்தவொரு வழியிலும், உலாவியின் வடிவமைப்பின் பின்னால் எட்டிப் பார்க்கவும், அதை இயக்கும் குறியீட்டைப் பார்க்கவும் இது ஒரு வழியாகும். இந்த அம்சம் மிகவும் பிரபலமானது மற்றும் நிறைய பயன்படுத்தப்படுகிறது. பறக்கும்போது அந்தக் குறியீட்டில் மாற்றங்களைச் செய்வதற்கான திறன் மிகவும் அறியப்படாதது.
நீங்கள் செய்யும் எந்த மாற்றமும் சேமிக்கப்படாது, அது நேரலையை பாதிக்காது. உங்கள் டெவலப்பர் கருவியில் பக்கத்தை ஏற்ற விரும்பவில்லை என்றால், இது சோதனைக்கு சுத்தமான வழியாகும்.
உங்கள் உலாவியில் எந்த வலைப்பக்கத்தையும் திருத்தவும்
ட்ரீம்வீவர் மற்றும் இது போன்ற கருவிகள் ஒரு உள்ளமைக்கப்பட்ட உலாவி முன்மாதிரியைக் கொண்டுள்ளன, இது வெவ்வேறு உலாவிகளில் ஒரு வடிவமைப்பு எப்படி இருக்கும் என்பதை உருவகப்படுத்துகிறது. அவை நல்லவை, அவை எப்போதும் துல்லியமானவை அல்ல, உங்கள் டெவலப்பர் கருவியில் அருமையாகத் தெரிந்தவை ஒரு முழுமையான உலாவியில் சற்று வித்தியாசமாகத் தோன்றும் ஒரு தளத்தைத் தொடங்கும்போது நீங்கள் அடிக்கடி காணலாம்.
வழக்கமாக நீங்கள் தளத்தை ஒரு உள் வலை சேவையகத்தில் துவக்கி, உலாவியில் சோதனை செய்வீர்கள். ஒரு பக்கம் ஏற்கனவே நேரலையில் இருந்தால் அல்லது நீங்கள் ஏதாவது முயற்சி செய்ய விரும்பினால், அதை உங்கள் மேம்பாட்டுக் கருவியில் நகலெடுத்து ஏற்ற வேண்டிய அவசியமில்லை, நீங்கள் உலாவியின் டெவலப்பர் கருவியைப் பயன்படுத்தலாம்.
நான் பயர்பாக்ஸைப் பயன்படுத்துகிறேன், எனவே அதை எவ்வாறு பயன்படுத்துவது என்பதைக் காண்பிப்பேன். Chrome ஆனது ஒரே மாதிரியாக இருக்கிறது.
- உங்கள் உலாவியில் நீங்கள் பரிசோதிக்க விரும்பும் வலைப்பக்கத்தைத் திறக்கவும்.
- பக்கத்தில் எங்கும் வலது கிளிக் செய்து ஆய்வு என்பதைத் தேர்ந்தெடுக்கவும்.
உங்கள் பக்கத்தை இரண்டாகப் பிரிப்பதைக் காண வேண்டும், அதில் ஒரு புதிய பலகம் கீழே சில குறியீடுகளுடன் தோன்றும். இந்த குறியீடு நீங்கள் தேர்ந்தெடுத்த பக்கத்தின் உந்து சக்தியாகும். கீழ் தாவலின் மேலே உள்ள தாவல்களிலிருந்து வெவ்வேறு பக்க கூறுகளை அணுகலாம். எடுத்துக்காட்டாக, ஃபயர்பாக்ஸில் இன்ஸ்பெக்டர், கன்சோல், பிழைத்திருத்தி, ஸ்டைல் எடிட்டர் மற்றும் பலவற்றைக் காண்கிறோம்.
உங்கள் கர்சரை கீழ் பலகத்தில் உள்ள வரிகளுக்கு மேல் இயக்கினால், வலைப்பக்கத்தின் சிறப்பம்சத்தின் வெவ்வேறு பகுதிகளைக் காண்பீர்கள். சிறப்பம்சத்தின் போது நீங்கள் இருக்கும் குறியீட்டின் வரி பக்கத்தின் அந்த பகுதியை பாதிக்கும் குறியீடாகும்.
- பக்கம் எப்படி இருக்கும் என்பதை நீங்கள் விளையாட விரும்பினால், ஸ்டைல் எடிட்டரை முயற்சிக்கவும்.
- பக்கம் எவ்வாறு இயங்குகிறது என்பதை நீங்கள் விளையாட விரும்பினால், கன்சோல் அல்லது அணுகலை முயற்சிக்கவும்.
- நீங்கள் பிழைகளைத் தடுக்க அல்லது சிக்கலைத் தீர்க்க விரும்பினால், கன்சோல் அல்லது பிழைத்திருத்தியைப் பயன்படுத்தவும்
ஆன்சைட் எஸ்சிஓக்கு செயல்திறன் பயனுள்ளதாக இருக்கும், ஆனால் நினைவகம், நெட்வொர்க் மற்றும் சேமிப்பிடம் அவ்வளவு பயன்படுத்தப்படவில்லை.
நினைவில் கொள்ளுங்கள், நீங்கள் விரும்பும் அளவுக்கு டெவலப்பர் கருவிகளுக்குள் குழப்பமடையலாம், அது தளத்தை பாதிக்காது. உங்கள் தனிப்பட்ட உலாவியில் பக்கம் எவ்வாறு காட்டப்படும் என்பதில் மட்டுமே எந்த மாற்றங்களும் செய்யப்படுகின்றன, நீங்கள் வலைத்தளத்தை பாதிக்காது. நீங்கள் கருவியை மூடியதும், எல்லா மாற்றங்களும் இழக்கப்படும்.
ஒரு பக்கத்தில் மாற்றங்களைச் செய்கிறது
உண்மையான வலைத்தளத்தை பாதிக்காமல் நீங்கள் விரும்பும் எதையும் மாற்ற முடியும் என்பதை இப்போது நீங்கள் அறிவீர்கள், கொஞ்சம் வேடிக்கையாக இருப்போம். நீங்கள் திருத்த விரும்பும் பக்கத்தில் ஒரு உறுப்பைக் கண்டறியவும். நீங்கள் ஒரு எழுத்துரு, எழுத்துரு நிறம், பின்னணி படம் அல்லது நீங்கள் விரும்பியதை மாற்றலாம். இந்த எடுத்துக்காட்டுக்கு, பேனர் தலைப்பின் எழுத்துரு நிறத்தை மாற்றப்போகிறேன்.
- நீங்கள் மாற்ற விரும்பும் சரியான உறுப்பை வலது கிளிக் செய்து ஆய்வு என்பதைத் தேர்ந்தெடுக்கவும்.
- 'தலைப்பு' அல்லது 'எச் 1' உடன் வரியை முன்னிலைப்படுத்தவும், எனவே உரை மேல் பலகத்தில் சிறப்பிக்கப்படுகிறது.
- இடது இரண்டு பலகங்களுக்குச் சென்று எழுத்துரு நிறத்தைக் கண்டறியவும்.
- மதிப்பை வேறு ஏதாவது மாற்றவும் அல்லது ஒரு தேர்வாளரைப் பயன்படுத்த வண்ண புள்ளியைத் தேர்ந்தெடுக்கவும்.
நீங்கள் மாற்றத்தை முடிக்கும்போது உங்கள் மாற்றம் மாறும். நீங்கள் வண்ணம், அளவு, எழுத்துரு, பின்னணி மற்றும் எழுத்துரு பற்றிய அனைத்தையும் மாற்றலாம். நீங்கள் வேலையைச் சேமிக்க முடியாது, ஆனால் உங்கள் மாற்றங்கள் அந்த அமர்வுக்கு இருக்கும்.
உங்களுக்கு ஒரு யோசனை இருந்தால், உங்கள் அனைத்து மேம்பாட்டு பயன்பாடுகளையும் சுடுவதற்கு முன்பு அதை விரைவாக சரிபார்க்க விரும்பினால், பக்கத்தைப் பற்றிய எல்லாவற்றையும் நீங்கள் மாற்றலாம். நீங்கள் செய்ய வேண்டியது என்னவென்றால், நீங்கள் என்ன மாற்றங்களைச் செய்தீர்கள் என்பதை நினைவில் வைத்துக் கொள்ளுங்கள். நீங்கள் ஒரு ஸ்கிரீன் ஷாட்டை எடுக்க வேண்டும் அல்லது மாற்றங்களை பதிவுசெய்து அவற்றை உங்கள் டெவலப்பர் கருவிகளுக்குள் நகலெடுக்க வேண்டும்.
உங்கள் உலாவியில் ஒரு வலைப்பக்கத்தைத் திருத்துவது என்பது பக்கங்களுடன் பரிசோதனை செய்ய அல்லது விளையாடுவதற்கான ஒரு சுத்தமான வழியாகும். விலையுயர்ந்த டெவலப்பர் கருவிகளில் வாங்காமல் வலை அபிவிருத்தி பற்றி கொஞ்சம் அறிய இது ஒரு சிறந்த வழியாகும். இப்போது உங்களுக்குத் தெரியும், போய் ஒரு நாடகம்!
