Anonim

மொபைல் சாதனங்கள் ஏற்கனவே பல வலைத்தளங்களுக்கான ஆன்லைன் வாசகர்களின் பெரும்பகுதியைக் கொண்டிருக்கவில்லை, எனவே உங்கள் தளம் ஒரு ஐபோன் அல்லது டேப்லெட்டில் சரியாக செயல்படும் என்பதை உறுதிசெய்வது மிக முக்கியம். கொடுக்கப்பட்ட URL க்கு மொபைல் தளவமைப்பு மாதிரிக்காட்சிகளை வழங்கும் பல சேவைகள் உள்ளன, ஆனால் ஆப்பிள் மொபைல் தயார்நிலைக்கான சோதனை வலைத்தளங்களை OS X El Capitan இல் சஃபாரி 9 உடன் மிகவும் எளிதாக்கியது. பொறுப்பு வடிவமைப்பு முறை எனப்படும் புதிய அம்சம் பல்வேறு வகையான ஆப்பிள் சாதனங்களிலும் பொதுவான மொபைல் திரை தீர்மானங்களிலும் ஒரு வலைத்தளம் எப்படி இருக்கும் என்பதை விரைவாக முன்னோட்டமிட முடியும். இது எவ்வாறு செயல்படுகிறது என்பது இங்கே.
ஓஎஸ் எக்ஸ் எல் கேபிட்டனில் சஃபாரி 9 க்கு பிரத்யேகமான ஒரு புதிய அம்சம் பொறுப்பு வடிவமைப்பு முறை என்பதை மீண்டும் வலியுறுத்துவது முக்கியம், எனவே அதை அணுக குறைந்தபட்சம் உலாவி மற்றும் இயக்க முறைமையின் இந்த பதிப்புகளையாவது இயக்க வேண்டும். உங்கள் மேக் இந்த தேவையை பூர்த்தி செய்தால், நீங்கள் முதலில் சஃபாரியின் டெவலப்பர் பயன்முறையை இயக்க வேண்டும். அவ்வாறு செய்ய, சஃபாரியைத் தொடங்கி மெனு பட்டியில் உள்ள சஃபாரி என்பதைக் கிளிக் செய்க. பின்னர் விருப்பத்தேர்வுகள்> மேம்பட்டவை என்பதைத் தேர்ந்தெடுக்கவும்.


சஃபாரி விருப்பத்தேர்வுகள் சாளரத்தின் மேம்பட்ட தாவலில், “மெனு பட்டியில் மேம்பாட்டு மெனுவைக் காட்டு” என்று பெயரிடப்பட்ட பெட்டியை சரிபார்க்கவும் . விருப்பத்தின் பெயர் குறிப்பிடுவதுபோல், சஃபாரி மெனு பட்டியில் வலதுபுறத்தில் ஒரு புதிய “உருவாக்கு” ​​மெனு தோன்றும். "புக்மார்க்ஸ்."
அடுத்து, சஃபாரி விருப்பத்தேர்வுகள் சாளரத்தை மூடி, நீங்கள் பொறுப்பு வடிவமைப்பு பயன்முறையில் சோதிக்க விரும்பும் வலைத்தளத்திற்கு செல்லவும். உங்கள் உலாவியில் வலைத்தளம் முழுமையாக ஏற்றப்பட்டதும், விசைப்பலகை குறுக்குவழியை கட்டளை-விருப்பம்-ஆர் பயன்படுத்தவும், உலாவி சாளரம் பல மொபைல் சாதனத் தீர்மானங்களில் ஒன்றின் முன்னோட்டமாக மாற்றப்படுவதைக் காண்பீர்கள் ( உருவாக்கு என்பதைக் கிளிக் செய்வதன் மூலம் நீங்கள் பொறுப்பு வடிவமைப்பு பயன்முறையையும் அணுகலாம் சஃபாரி மெனு பட்டி மற்றும் Enter Responsive Design Mode ஐத் தேர்ந்தெடுக்கவும்).

3.5 அங்குல ஐபோன் 4 எஸ் முதல் 12.9 அங்குல ஐபாட் புரோ வரை ஆப்பிளின் அனைத்து மொபைல் சாதனத் தீர்மானங்களிலும் ஒரு வலைத்தளம் எவ்வாறு தோற்றமளிக்கிறது என்பதை சஃபாரி ரெஸ்பான்சிவ் டிசைன் பயன்முறை அனுமதிக்கிறது. பயனர்கள் 1x, 2x, அல்லது 3x “ரெடினா” தீர்மானத்தைத் தேர்ந்தெடுத்து, குரோம், பயர்பாக்ஸ் மற்றும் எட்ஜ் போன்ற மிகவும் பிரபலமான உலாவிகளின் நடத்தையைப் பிரதிபலிக்கும் வகையில் உலாவி முகவரை மாற்றுவதற்கான விருப்பத்தையும் கொண்டுள்ளனர்.

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

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

உங்கள் வலைத்தளத்தின் மொபைல் தளவமைப்பை சஃபாரி பதிலளிக்கக்கூடிய வடிவமைப்பு பயன்முறையில் சோதிக்கவும்