மொஸில்லா பயர்பாக்ஸிற்கான ஒரு சிறந்த தந்திரத்தை உங்களுடன் பகிர்ந்து கொள்ள விரும்புகிறேன், இது உங்கள் உற்பத்தித்திறனை அதிகரிக்கும் மற்றும் உங்கள் நேரத்தை மிச்சப்படுத்தும். வலையில் உலாவும்போது, சில சமயங்களில் ஸ்கிரீன் ஷாட்டை எடுத்து உங்கள் நண்பர்களுடன் பகிர்ந்து கொள்ள விரும்புகிறீர்கள். ஆனால் முழு பக்கத்தின் ஸ்கிரீன் ஷாட்டை எடுக்கவும், அதை சேமிக்கவும், பயிர் செய்யவும் பல படிகள் எடுக்கப்படுகின்றன. இந்த கட்டுரையில், ஒரு வலைப்பக்கத்தில் ஒரு குறிப்பிட்ட உறுப்பின் ஸ்கிரீன் ஷாட்டை நேரடியாக துணை நிரல்களைப் பயன்படுத்தாமல் எவ்வாறு எடுப்பது என்று பார்ப்போம்.
விளம்பரம்
ஒரு வலைப்பக்கம் ஏற்றப்படும் போது, உங்கள் வலை உலாவி பக்கத்தின் ஆவண பொருள் மாதிரியை உருவாக்குகிறது. ஒவ்வொரு முனையும் ஆவணத்தின் ஒரு பகுதியைக் குறிக்கும் ஒரு பொருளாக இருக்கும் ஒரு மர அமைப்பாக DOM கட்டப்பட்டுள்ளது.
உங்கள் ஸ்கிரீன்ஷாட்டில் ஒரு குறிப்பிட்ட உறுப்பை மட்டுமே கைப்பற்ற இதை எவ்வாறு பயன்படுத்தலாம் என்று பார்ப்போம்.
க்கு பயர்பாக்ஸில் ஒரு குறிப்பிட்ட வலைப்பக்க உறுப்பின் ஸ்கிரீன் ஷாட்டை எடுக்கவும் , பின்வரும் படிகளைச் செய்யுங்கள்:
- பயர்பாக்ஸில் விரும்பிய பக்கத்தைத் திறந்து, நீங்கள் பிடிக்க விரும்பும் உறுப்பை வலது கிளிக் செய்யவும்.
- சூழல் மெனுவிலிருந்து, 'உறுப்பைச் சரிபார்க்கவும்' என்பதைத் தேர்ந்தெடுக்கவும்:
- இன்ஸ்பெக்டர் கருவி திறக்கப்படும். இது DOM மர முனைகளுக்கு பிரட்தூள்களில் கட்டுப்பாட்டைக் கொண்டுள்ளது என்பதைக் கவனியுங்கள்:
- அங்கு, நீங்கள் எந்த உறுப்புகளையும் வலது கிளிக் செய்து தேர்வு செய்யலாம் ஸ்கிரீன்ஷாட் முனை சூழல் மெனுவிலிருந்து:இதுதான் நமக்குத் தேவை.
இந்த அம்சத்தைப் பற்றிய பெரிய விஷயம் என்னவென்றால், ஸ்க்ரோலிங் தேவைப்படும் பெரும்பாலான கூறுகள் உட்பட நீண்ட கூறுகளையும் இது பிடிக்கிறது. என் விஷயத்தில், ஸ்கிரீன் ஷாட் எப்படி இருக்கிறது என்பது இங்கே:
மாற்றாக, நீங்கள் உள்ளமைக்கப்பட்டதைப் பயன்படுத்தலாம் ஸ்கிரீன் ஷாட் கட்டளை. முன்னதாக, நான் எழுதினேன் பயர்பாக்ஸில் திறந்த பக்கத்தின் ஸ்கிரீன் ஷாட்டை எப்படி எடுப்பது . குறிப்பிட்ட கட்டுரையில், முழு பக்கத்தையும் கைப்பற்ற பில்ட் இன் ஃபயர்பாக்ஸ் கட்டளை 'ஸ்கிரீன்ஷாட்' ஐப் பயன்படுத்தினோம். திறந்த பக்கத்தில் ஒரு குறிப்பிட்ட உறுப்பை ஸ்கிரீன்ஷாட் செய்ய அதே செயல்பாடு பயன்படுத்தப்படலாம்.
- பயர்பாக்ஸைத் திறந்து அழுத்தவும் ஷிப்ட் + எஃப் 2 விசைப்பலகையில். பயர்பாக்ஸ் திரையின் அடிப்பகுதியில் ஒரு கன்சோல் / கட்டளை வரியைத் திறக்கும்.
- பின்வரும் கட்டளையை அதற்குள் தட்டச்சு செய்க:
ஸ்கிரீன்ஷாட் - தேர்வுக்குழு 'பெயர்'
'பகுதி' என்ற பெயரை பொருத்தமான தேர்வாளர் பெயருடன் மாற்றவும். என் விஷயத்தில், அது இருக்க வேண்டும்
screenhot --selector '# widget-apps> .iconlist> .iconlist-content> ul'
இரண்டாவது முறை சரியான DOM உறுப்பு பாதையை அறிந்த வலை உருவாக்குநர்களுக்கு பயனுள்ளதாக இருக்கும். ஒரு குறிப்பிட்ட வலைப்பக்க உறுப்பின் ஸ்கிரீன் ஷாட்டை எடுக்க முதல் முறையை சராசரி பயனர் விரும்புவார்.