ප්රගතිශීලී අභිවෘද්ධිය

වෙබ් බ්රව්සර් වෙබ් අඩවි තිබිය දීර්ඝ වේ. ඇත්ත වශයෙන්ම, බ්රවුසරයේ අත්දැකීම්වලදී හෝ ඔබේ වෙබ් අඩවිය නරඹන පුද්ගලයින්ට අත්යාවශ්ය අමුද්රව්යයකි - නමුත් සියලු බ්රව්සර් සමාන ආකාරයෙන් නිර්මාණය කර ඇත. අති නවීන වෙබ් බ්රව්සර්වල ඇති වෙබ් බ්රව්සර වල වෙබ් අඩවි නරඹන ගනුදෙනුකරුවන් බැලීම සඳහා සම්පූර්ණයෙන්ම (සහ සැබවින්ම සාධාරණ ලෙස) හැකි ය. වෙබ් අඩවි නිර්මාණය සහ සංවර්ධනයෙහි නවතම දියුණුවේ වාසිය ලබා ගැනීමට වෙබ් අඩවි නිර්මාණය කිරීමට දැඩි උත්සාහයක් ලෙස මෙය සැලකිය යුතු ගැටළු මතු විය හැකිය. කවුරුන් හෝ ඔබගේ පැරණි බ්රව්සරයන්ගෙන් කෙනෙකු ඔබගේ වෙබ් අඩවියට පිවිසෙන්නේ නම්, ඔබගේ නවතම තාක්ෂණික ක්රම ඔවුන් සඳහා වැඩ කරන්නේ නැත. සමස්තයක් වශයෙන් ඔබ දුප්පත් අත්දැකීමක් ලබා ගත හැකිය. ප්රගතිශීලී වැඩිදියුණු කිරීම යනු නව බ්රවුසර වල වෙබ් අඩවි නිර්මාණය කිරීම සඳහා වන උපාය මාර්ගයකි.

ප්රගතිශීලී වැඩිදියුණු කිරීම යනු වෙබ් පිටු නිර්මාණය කිරීමෙහිලා ක්රමයක් වන අතර එමඟින් පරිශීලක නිපැයුම් සඳහා සහය දක්වයි. එය හිතාමතාම පිරිහීම ලෙස හැඳින්වෙන සැලසුම් මූලෝපායේ ප්රතිවිරුද්ධයයි. එම උපක්රමය මුලින්ම නවීනතම බ්රවුසර් සඳහා පිටු ගොඩනඟා පසුව අඩු ක්රියාකාරී වෙබ් බ්රව්සර සමඟ හොඳින් ගණනය කරන බව සහතික කරයි. එම අත්දැකීම් "අනුග්රහයෙන් පිරිහී". ප්රගතිශීලී වැඩිදියුණු කිරීම් මුලින් අඩු හැකියාවෙන් යුත් බ්රවුසර් සමඟ ආරම්භ වන අතර එතැන් සිට අත්දැකීම් ගොඩනංවයි.

ප්රගතිශීලී වැඩිදියුණු කිරීම භාවිතා කරන්නේ කෙසේද?

ඔබ ප්රගතිශීලී වැඩි දියුණු කිරීමකින් වෙබ් නිර්මාණ නිර්මාණය කරන විට, ඔබ විසින් සිදු කරනු ලබන පළමු දේ වන්නේ වෙබ් බ්රවුසරයේ අවම පොදු නාමරූපකය සඳහා ක්රියා කරන නිර්මාණයක් නිර්මාණය කිරීමයි. එහි හරයෙන් ප්රගතිශීලී වැඩිදියුණු කිරීම් පවසන්නේ ඔබගේ අන්තර්ගතය සියලු වෙබ් බ්රව්සර සඳහා ලබා ගත හැකි බවයි, නමුත් උප-සැකසුමක් පමණක් නොවන බවයි. එබැවින් ඔබ මෙම පැරණි, යල් පැනගිය සහ අඩු දක්ෂ බ්රව්සර් වලට සහාය දීමෙන් ආරම්භ වේ. ඔබ හොඳින් ක්රියා කරන වෙබ් අඩවියක් නිර්මාණය කළ හොත් ඔවුන් සඳහා, ඔබ සියලු අමුත්තන්ට අවම වශයෙන් ප්රයෝජනවත් අත්දැකීමක් ලබා දිය යුතු මූලික මට්ටම නිර්මාණය කර ඇති බව ඔබ දන්නවා.

පළමුවෙන්ම අවම ලෙස බ්රවුසර් සමඟින් ආරම්භ වන විට, ඔබගේ සියලු HTML වලංගු සහ අර්ථකථන නිවැරදි බව සහතික කිරීමට අවශ්ය වනු ඇත. මෙමගින් පරිශීලකයින්ගේ නියෝජිතයින්ට වඩාත්ම විවිධාකාරයේ විවිධාකාරයෙන් වෙබ් පිටුව නැරඹිය හැකි අතර එය නිවැරදිව ප්රදර්ශනය කළ හැකිය.

බාහිර ශිලා පත්රය භාවිතා කරමින් දෘශ්ය නිර්මාණ මෝස්තර සහ සමස්ත පිටු පිරිසැලසුම එකතු කරනු ලැබේ. ප්රගතිශීලී ප්රවර්ධනය සිදුවන්නේ මෙයයි. සියලු අමුත්තන් සඳහා වැඩ කරන අඩවි සැලැස්මක් නිර්මාණය කිරීම සඳහා ඔබට ශෛලිය පත්රිකාව භාවිතා කරයි. පරිශීලක නියෝජිතයන් හට ක්රියාකාරිත්වය ලබා ගත හැකි පරිදි පිටුව වැඩිදියුනු කිරීම සඳහා ඔබට අමතර විලාසයන් එකතු කළ හැකිය. සෑම කෙනෙකුම මූලික පදනමක් ලබා ගනී. නමුත් වඩාත් දියුණු සහ නවීන විලාසිතාවන්ට උපකාර කළ හැකි ඕනෑම පුවත් වෙබ් බ්රව්සර් සඳහා, ඒවා අමතර වේ. එම විලාසයන් සඳහා උපකාර කළ හැකි වෙබ් බ්රව්සර සඳහා පිටුව "ප්රගතිශීලීව වැඩිදියුණු කරන්න."

ඔබ ප්රගතිශීලී වැඩිදියුණු කිරීමක් කළ හැකි ක්රම කිහිපයක් තිබේ. මුලින්ම, එය CSS රේඛාවක් වටහා නොගතහොත් බ්රවුසරයක් කරන්නේ කුමක්දැයි සලකා බැලිය යුතුයි - එය නොසලකා හරිනු! මෙය සැබවින්ම ඔබේ යහපත උදෙසා ක්රියා කරයි. ඔබ සියලු බ්රව්සර් තේරුම් ගන්නා ආකාරයේ මුලික මාලාවක් සකසන්නේ නම්, ඔබට නව බ්රව්සර සඳහා අතිරේක ශෛලයන් එක් කළ හැකිය. ඔවුන් විලාසිතා වලට අනුබල දෙන්නේ නම්, ඔවුන් ඒවාට අදාළ වේ. එසේ නොමැති නම්, ඔවුන් ඒවා නොසලකා හරින අතර එම ප්රාථමික විලාසයන් භාවිතා කරනු ඇත. මෙම CSS හි ප්රගතිශීලී වැඩි දියුණු කිරීමේ සරල උදාහරණයක් දැකිය හැකිය:

.මම-අන්තර්ගතය {
පසුබිම: # 999;
පසුබිම: rgba (153,153,153, .75);
}}

මෙම ශෛලිය පළමුවැන්න පැහැයෙන් වර්ණයෙන් පසුබිමේ පිහිටයි. දෙවන රීතියේ විනිවිදභාවය මට්ටමක් සැකසීම සඳහා RGBA වර්ණ අගයන් භාවිතා කරයි. බ්රවුසරයේ RGBA එකට සහාය දෙන්නේ නම්, එය දෙවන ස්ලයිඩයෙන් පළමු ශෛලිය පරදවා ඇත. එය එසේ නොවේ නම්, පළමුවෙන්ම අයදුම් කරනු ලැබේ. ඔබ මූලික මට්ටමේ වර්ණයක් සකසා පසුව නවීන බ්රව්සර සඳහා අතිරේක විලාසිතා එකතු කර ඇත.

Feature Queries භාවිතා කිරීම

ප්රගතිශීලී වැඩිදියුණු කිරීමක් භාවිතා කළ හැකි තවත් ආකාරයක් වනුයේ "විශේෂාංග විමසුම්" ලෙසින් හැඳින්වෙන දේ භාවිතා කිරීමයි. මේවා මාධ්ය විමසුම් වලට සමානයි. මෙය ප්රතිචාරාත්මක වෙබ් අඩවි නිර්මාණයක් වන අත්යවශ්ය අංගයකි. ඇතැම් තිර ප්රමාණ සඳහා මාධ්ය විමසීමක් කරන අතරතුර, විශේෂාංග විමසුම් මඟින් කිසියම් විශේෂාංගයක් සහාය නොදක්වනු ඇත්දැයි බලන්න. ඔබ භාවිතා කරන රීට් එක:

@supports (display: flex) {}

මෙම රීතිය තුල ඔබ එකතු කළ ඕනෑම විලාසිතාවක් ක්රියාත්මක වනු ඇත්තේ එම බ්රවුසරය ෆ්ලැප්සෝබය සඳහා වූ ශෛලීන් වන "ෆ්ලෑෂ්" ආධාරකයක් පමණි. ඔබට සෑම කෙනෙකුටම නීති රීති සැකසිය හැකි අතර පසුව තෝරාගත් බ්රව්සර සඳහා අමතර විශේෂාංග එකතු කිරීම සඳහා විශේෂාංග විමසුම් භාවිතා කළ හැකිය.

ජෙනිෆර් ක්රිනින්ගේ මුල් ලිපියක්. 12/13/16 ජෙරමි ගිරාඩ් විසින් සංස්කරණය කරන ලදි.