වෙබ් බ්රව්සර සංවර්ධන මෙවලම් භාවිතා කරන්නේ කෙසේද?

වෙබ් නිර්මාණකරුවන්, සංවර්ධකයින් සහ ටෙස්ට් නිර්මාණ සඳහා ඒකාබද්ධ වූ උපකරණ

වෙබ් බ්රවුසර්ස් වෙබ් අඩවියට පිවිසීමට සොයන සෑම බ්රවුසර් නිර්මාණකරුවෙකුටම අමතරව, වෙබ් බ්රවුසරය, නිර්මාණකරුවන් සහ තත්ත්ව ආරක්ෂණ වෘත්තිකයින්ට මෙම වෙබ් අඩවි වලට පිවිසීමට හැකි වන අයුරින් උපාංග සහ අඩවි ගොඩනඟා ගැනීමට උපකාරී වනු ඇත. ඔවුන්මයි.

බ්රවුසරයේ සොයාගත් එකම ක්රමලේඛ සහ පරීක්ෂණ මෙවලම් පිටුවක මූලාශ්ර කේත මූලාශ්රයක් සහ තවත් කිසිවක් දැක ගැනීමට නොහැකි විය. වර්තමාන බ්රව්සර් ඔබට ඩොමේන් ස්නිප්ට් ක්රියාත්මක කිරීම හා දෝෂහරණය කිරීම, DOM අංගයන් පරික්ෂා කිරීම සහ සංස්කරණය කිරීම වැනි දේ සිදු කරමින්, ඔබගේ යෙදුම හෝ පිටුව තාවකාලික හදුනාගැනීම් හදුනා ගැනීම, CSS කාර්යසාධනය විශ්ලේෂණය කිරීම, ඔබේ කේතය සහතික කිරීම සහතික කිරීම, රියල් ටයිම් ජාලය බොහෝ මතකයන් හෝ CPU චලනයන් බොහෝමයක් උපයෝගී කර නොගනී. පරික්ෂාකාරී පර්යාලෝකයෙන්, ඔබ විසින් යෙදුම් හෝ වෙබ් පිටුව වෙනස් බ්රව්සර් සහ විවිධ උපාංග සහ වේදිකාවලදී ප්රතිචාරාත්මක මෝස්තරයක් සහ ඉදිකි simulator වල මැජික් හරහා විදහා දැක්විය හැක. හොඳම කොටස වන්නේ ඔබේ බ්රවුසරය අතහැර දැමීමෙන් තොරව මේ සියල්ල කළ හැකි බවයි!

පහත වෙබ් අඩවි ගවේෂකයින් කිහිපදෙනෙකුගේ මෙම සංවර්ධන මෙවලම් වලට ප්රවේශ වීමට ඔබට පහත උපදෙස් අනුගමනය කරයි.

ගූගල් ක්රෝම්

Getty Images # 182772277

Chrome හි සංවර්ධක මෙවලම් ඔබට සංස්කරණය කිරීමට හා debug code, කාර්යසාධන ගැටළු නිරාවරණය කිරීම සඳහා එක් එක් සංරචක විගණනය කිරීම, ඇන්ඩ්රොයිඩ් හෝ iOS ධාවනය වන අයුරින් වෙනස් උපාංග තිර දර්ශනය කිරීම සහ වෙනත් ප්රයෝජනවත් කාර්යයන් කිහිපයක් සිදු කරයි.

  1. Chrome හි ප්රධාන මෙනුවේ බොත්තම මත ක්ලික් කරන්න, තිරස් රේඛා තුනකින් සහ බ්රවුසරයේ ඉහළ දකුණු පසෙහි පිහිටා ඇත.
  2. පතන මෙනුව දිස්වන විට, වැඩි මෙවලම් විකල්පයක් මත ඔබේ මූසික කර්සරය යොමු කරන්න.
  3. උප මෙනුවක් දැන් දර්ශණය විය යුතුය. සංවර්ධක මෙවලම් ලෙස නම් කර ඇති විකල්පය තෝරන්න. ඔබට මෙම මෙනු අයිතමය වෙනුවට පහත දැක්වෙන යතුරුපුවරු කෙටිමං භාවිතා කළ හැකිය: Chrome OS / Windows ( CTRL + SHIFT + I ), Mac OS X ( ALT (විකල්ප) + කොමඩු + I )
  4. මෙම උදාහරණය උදාහරණයක් ලෙස පෙන්වන ආකාරයට Chrome සංවර්ධක මෙවලම් අතුරුමුහුණත දැන් ප්රදර්ශනය විය යුතුය. Chrome හි ඔබේ අනුවාදය අනුව, ඔබ මෙහි පෙනෙන මුලික සැලැස්මට අනුව ඉදිරිපත් කළ හැකිය. තිරයේ පහළ හෝ දකුණු පසෙහි සාමාන්යයෙන් පිහිටා ඇති සංවර්ධන මෙවලම්වල ප්රධාන මධ්යස්ථානය පහත සඳහන් පටිති අඩංගු වේ.
    මූලද්රව්ය: CSS සහ HTML කේතය පරීක්ෂා කිරීමට හැකියාව සහ සක්රීයව CSS සංස්කරණය කිරීම, සැබෑ වෙනස්කම් වල බලපෑම දැක බලා ගැනීම.
    කොන්සෝලය: ක්රෝම්ගේ JavaScript කවුළුව සෘජු ලෙස විධාන ඇතුළත් කිරීම මෙන්ම දෝෂ නිරාකරණය කිරීම සඳහා ඉඩ ලබා දේ.
    මූලාශ්ර: ඔබ ප්රබල චිත්රක අතුරුමුහුණතක් හරහා JavaScript කේතය දෝෂහරණය කරයි.
    ජාලය: සම්පූර්ණ ඉල්ලීම සහ ප්රතිචාර ශීර්ෂ ඇතුලු දියුණු කාල නියමයන් ඇතුළුව සෑම ක්රියාකාරී යෙදුමක හෝ පිටුවක සවිස්තරාත්මක තොරතුරු ප්රදර්ශනය කරයි.
    කාල නියමයන්: පිටුවක හෝ යෙදුම් භාර ගැනීමේ ඉල්ලීම ආරම්භ වූ වහාම බ්රවුසරයේ සිදු වන සෑම ක්රියාකාරකමක දී ගැඹුරු විශ්ලේෂණයක් සඳහා ඉඩ ලබා දේ.
  5. මෙම කොටස් වලට අමතරව, ඔබට පහත සඳහන් මෙවලම් ටයිලයින් පටිත්තෙහි දකුණු පසින් ඇති අයිකනය හරහා පිවිසිය හැකිය.
    පැතිකඩ: CPU profiler සහ Heap profiler කොටස් වලට බිඳී ඇති අතර, සක්රිය යෙදුම හෝ පිටුවෙහි පූර්ණ මතක භාවිතය සහ සමස්ත ක්රියාත්මක වේලාව සපයයි.
    ආරක්ෂාව: සක්රිය පිටුව හෝ යෙදුම සමඟ සහතික කිරීමේ ගැටළු සහ වෙනත් ආරක්ෂක ගැටළු මතුකර දක්වයි.
    මූලාශ්ර: කුකීස්, ප්රාදේශීය ගබඩාව, යෙදුම් හැඹිලිය සහ වර්තමාන වෙබ් පිටුව හෝ යෙදුම භාවිතා කරන වෙනත් දේශීය දත්ත ප්රභව නිරීක්ෂණය කළ හැකිය.
    විගණනය: පිටුවක හෝ යෙදුමේ බඩු කාලය හා පොදු කාර්ය සාධනය සඳහා උපරිම ආකාරයන් ලබා දෙයි.
  6. උපාංග ආම්පන්නය ඔබට සවිකර ඇති සිමියුලේට ක්රියාකාරී පිටුව බැලීමට ඉඩ සලසනු ඇත. මෙය ඩුප් එකක් සහිත උපාංගයන්ගෙන් එකක් ලෙස දැක්විය හැකිය. IPad, iPhone සහ Samsung Galaxy වැනි බොහෝ ප්රසිද්ධ ඇන්ඩ්රොයිඩ් සහ iOS මාදිලි ඇතුලත්ව තිබේ. ඔබේ නිශ්චිත සංවර්ධනය හෝ පරික්ෂාකිරීමේ අවශ්යතාවන්ට ගැළපෙන චාරිත්ර තිර විභේදයන් අනුකරණය කිරීමට ඔබට ද ලබා දී ඇත. උපාංග ආම්පන්න ඇතුළු කිරීමට සහ අක්රිය කිරීමට, Elements ටැබ් එකේ වම් කෙළවරේ ඇති ජංගම දුරකින් අයිකනය තෝරාගන්න.
  7. මුලින්ම සිරස් අතට තට්ටු තුනකින් යුත් මෙනු බොත්තම මත ක්ලික් කර ඉහත සඳහන් කළ ටැබ්වල දකුණු පැත්තේ පිහිටා ඇති ඔබේ සංවර්ධන මෙවලම්වල පෙනුම සහ හැඟීම රිසිකරණය කළ හැකිය. මෙම drop-down මෙනුව තුළ, ඔබට ඩොක්වෝස් නැවත ස්ථානගත කළ හැකිය, විවිධ මෙවලම් පෙන්වීම හෝ සැඟවීම මෙන්ම උපාංග පරීක්ෂකයක් වැනි වඩාත් දියුණු උපකරණ ආරම්භ කරන්න. මෙම කොටසෙහි ඇති සැකසුම් මඟින් dev මෙවලම් අතුරුමුහුණත ඉතා ඉහළින් වෙනස් කළ හැකි බව ඔබට පෙනෙනු ඇත.
තව "

මොසිල්ලා ෆයර්ෆොක්ස්

Getty පින්තූර # 571606617

ෆයර්ෆොක්ස් වෙබ් අඩවි නිර්මාණකරුවාට සැලසුමක්, නිර්මාණකරුවන් සහ පරීක්ෂකයින් සඳහා මෙවලම් සංස්කාරකයක් සහ පික්සල්-ඉලක්ක කරගත් අයිඩියර්පර් වැනි උපාංග සඳහා උපාංග ඇතුළත් වේ.

නිර්දේශිත කියවීම: Top 25 Greasemonkey සහ Tampermonkey පරිශීලක රචනා

  1. බ්රවුසරයේ ප්රධාන මෙනු බොත්තම මත ක්ලික් කර, තිරස් රේඛා තුනකින් සමන්විත වන අතර බ්රවුසර කවුළුවේ ඉහළ දකුණු පසින් පිහිටා ඇත.
  2. පතන මෙනුව දිස්වන විට, Developer යනුවෙන් දැක්වෙන අයිකනය තෝරා ගන්න. පහත සඳහන් විකල්පයන් අඩංගු වෙබ් සැකසුම් මෙනුව දැන් දර්ශනය විය යුතුය. බොහෝ මෙනු අයිතමයන් ඔවුන් සමඟ සම්බන්ධිත යතුරු පුවරු කෙටිමං ඇති බව ඔබට පෙනෙනු ඇත.
    Toggle Tools: බ්රව්සර් කවුළුවෙහි පහතින් දැක්වෙන සංවර්ධිත මෙවලම් අතුරුමුහුණත් ප්රදර්ශනය හෝ සඟවන්න. යතුරුපුවරු කෙටිමඟ: මැක් ඕඑස් එක්ස් ( ALT (විකල්ප) + කොමඩු + I ), වින්ඩෝස් ( CTRL + SHIFT + I )
    පරීක්ෂක: ඔබ සක්රිය පිටුවක මෙන්ම දුරස්ථ නිදොස් කිරීමක් ඔස්සේ පහසුවෙන්ම CSS සහ HTML කේත පරික්ෂා කිරීමට සහ / යතුරු පුවරු කෙටිමාර්ග: Mac OS X ( ALT (විකල්ප) + COMMAND + C ), වින්ඩෝස් ( CTRL + SHIFT + C )
    වෙබ් කොන්සෝලය: සක්රිය පිටුව තුළ ජාවා ස්ක්රිප්ට් භාවිතා කිරීමට සහ ඔබට ආරක්ෂිත අනතුරු ඇඟවීම්, ජාල ඉල්ලීම්, CSS පණිවිඩ සහ තවත් ඇතුලත්ව සටහන් කර ඇති විවිධාකාර දත්ත සමාලෝචනය කරන්න. යතුරුපුවරු කෙටිමලය: මැක් ඕඑස් එක්ස් ( ALT (විකල්ප) + කොමඩු + කේ ), වින්ඩෝස් ( CTRL + SHIFT + K )
    Debugger: ජාවාස්ට් විගණන යන්ත්රය මඟින් ඔබට දෝශයන් සැකසීම මගින් දෝශයන් ස්ථාපනය කිරීමෙන් ද, DOM නෝඩය පරීක්ෂා කිරීම, කළු බොක්සිං බාහිර මූලාශ්රයන් සහ තවත් බොහෝ දේ හඳුනා ගැනීමට ද හැකිය. පරීක්ෂකවරයාගේ කාරණය මෙන්ම දුරස්ථ දෝශහරණයට මෙම විශේෂාංගය ද තිබේ. යතුරුපුවරු කෙටිමලය: මැක් ඕඑස් එක්ස් ( ALT (විකල්ප) + කොමඩු + S ), වින්ඩෝස් ( CTRL + SHIFT + S)
    මෝස්තරයේ සංස්කාරකය: ඔබට නව විලාසිතා පත්ර නිර්මාණය කිරීමට සහ ක්රියාකාරී වෙබ් පිටුව සමඟ සම්බන්ධ කිරීම, හෝ දැනට පවතින පත්රිකා සංස්කරණය කිරීම සහ ඔබගේ වෙනස්කම් එක් ක්ලික් කිරීමකින් බ්රව්සරයේ ඇති ආකාරය පරීක්ෂා කර බලන්න. යතුරු පුවරු කෙටිමඟ: මැක් ඕඑස් එක්ස්, වින්ඩෝස් ( SHIFT + F7 )
    කාර්යසාධනය: සක්රිය පිටුවෙහි ජාල ක්රියාකාරීත්වය, රාමු දත්ත, JavaScript ක්රියාත්මක කිරීමේ වේගය සහ තත්වය, වර්ණ ගන්වා, සහ තවත් බොහෝ දේවල සවිස්තරාත්මක බිඳ වැටීමක් සපයයි. යතුරුපුවරු කෙටිමාර්ග: Mac OS X, වින්ඩෝස් ( SHIFT + F5 )
    ජාලය: බ්රවුසරය මඟින් ආරම්භ කරන ලද එක් එක් ජාල ඉල්ලීම, අදාල ක්රම, මූලාරම්භය ඩොමේන, වර්ගය, ප්රමාණය සහ කාලය ඉකුත්ව ඇත. යතුරු පුවරු කෙටිමාර්ග: Mac OS X ( ALT (විකල්ප) + කොමඩු + Q ), වින්ඩෝස් ( CTRL + SHIFT + Q )
    සංවර්ධක මෙවලම් තීරුව: අන්තර්ක්රියාකාරී විධාන රේඛා අතුරු පරිවර්තකයක් විවෘත කරයි. සියලු විධාන සහ ලැයිස්තුවක් සඳහා භාෂා පරිවර්තකයට උපකාර කරන්න. යතුරු පුවරු කෙටිමඟ: මැක් ඕඑස් එක්ස්, වින්ඩෝස් ( SHIFT + F2 )
    වෙබ් අඩවියේ: ෆයර්ෆොක්ස් ඕඑස් එකක් ක්රියාත්මක වන ෆයර්ෆොක්ස් ඕඑස් එකක් හෝ ෆයර්ෆොක්ස් ඕඑස් සිමියුලේටර් හරහා සැබෑ යෙදුම හරහා වෙබ් යෙදුම් සාදා සහ ක්රියාත්මක කිරීමට හැකියාව සපයයි. යතුරුපුවරු කෙටිමඟ: මැක් ඕඑස් එක්ස්, වින්ඩෝස් ( SHIFT + F8 )
    බ්රව්සර කොන්සෝලය: වෙබ් කොන්සෝලය ලෙසම ක්රියාකාරීත්වය සපයයි (ඉහත බලන්න). කෙසේ වෙතත්, ආපසු පැමිණෙන සියළු දත්තයන් සම්පූර්ණ ෆයර්ෆොක්ස් සඳහා වන ( දිගු සහ බ්රවුසර්-මට්ටමේ ක්රියාකාරිත්වය ඇතුළුව) පමණක් ක්රියාකාරී වෙබ් පිටුවට එරෙහිව. යතුරුපුවරු කෙටිමාර්ග: Mac OS X ( SHIFT + COMMAND + J ), වින්ඩෝස් ( CTRL + SHIFT + J )
    ප්රතිචාරාත්මක නිර්මාණ සැලැස්ම: ටැබ්ලට් සහ ස්මාර්ට් ෆෝන් වැනි උපාංග කිහිපයක් අනුකරණය කිරීම සඳහා විවිධාකාර යෝජනාවන්, පිරිසැලසුම් සහ තිර ප්රමාණයන්හි ක්ෂණිකව වෙබ් පිටුවක් බැලීමට ඔබට ඉඩ ලබා දේ. යතුරුපුවරු කෙටිමං: මැක් ඕඑස් එක්ස් ( ALT (විකල්ප) + COMMAND + M ), වින්ඩෝස් ( CTRL + SHIFT + M )
    Eyedropper: තනි වශයෙන් තෝරාගත් පික්සල් සඳහා හෙක්ටර් වර්ණ කේතය පෙන්වයි.
    Scratchpad : පිටපත් ෆයර්ෆොක්ස් කවුළුවක සිට පිටපත් කිරීම, සංස්කරණය කිරීම, සංකලනය සහ ක්රියාත්මක කිරීමේ කේතය ක්රියාත්මක කරන්න. යතුරුපුවරු කෙටිමං: මැක් ඕඑස් එක්ස්, වින්ඩෝස් ( SHIFT + F4 )
    Page මූලාශ්ර: මුල් බ්රව්සර් පාදක කරගත් සංවර්ධක මෙවලම, මෙම විකල්පය සක්රිය පිටුවට ලබාගත හැකි මූල කේතය සරලව දැක්වේ. යතුරු පුවරු කෙටිමාර්ග: Mac OS X ( COMMAND + U ), වින්ඩෝස් ( CTRL + U )
    තවත් මෙවලම් ලබා ගන්න: මොසිල්ලාගේ නිල ඇඩෝබේස් වෙබ් අඩවියේ වෙබ් සංවර්ධනකරුගේ මෙවලම් එකතුව විවෘත කරනු ලැබේ. එය Firebug සහ Greasemonkey වැනි ජනප්රිය දිගු කිහිපයක් පමණි.
තව "

Microsoft Edge / Internet Explorer

Getty Images # 508027642

F12 Developer මෙවලම් ලෙස සාමාන්යයෙන් හැඳින්වෙන්නේ, Internet Explorer හි පෙර වෙළුම් වලින් අතුරු මුහුණතක් ආරම්භ කර ඇති යතුරු පුවරුව කෙටිමං, IE11 සහ මයික්රොසොෆ්ට් එජ් හි dev මෙවලම් වේ. එය ආරම්භයේ සිට බොහෝ ඈත අතීතයේ සිටම ඉතා කදිම සමූහයක් ඉදිරිපත් කර ඇත. නිරීක්ෂකයන්, දෝශනිරාකරණ, විද්යුත් අනුගාමිකයින් සහ ගුවන් යානා සකසන්නන්.

  1. තවත් ක්රියා මෙනුවක් මත ක්ලික් කරන්න, තිත් තුනකින් සමන්විත වන අතර බ්රවුසර කවුළුවේ ඉහළ දකුණු කෙළවරෙහි පිහිටා ඇත. පතන මෙනුව දිස්වන විට, F12 සංවර්ධක මෙවලම් ලෙස තෝරාගෙන ඇති විකල්පය තෝරා ගන්න. මම දැනටමත් සඳහන් කළ පරිදි, ඔබට F12 යතුරුපුවරු කෙටිමාර්ග හරහා මෙවලම් වෙත පිවිසිය හැකිය.
  2. සංවර්ධක අතුරුමුහුණත දැන් ප්රදර්ශනය විය යුතු අතර, සාමාන්යයෙන් බ්රවුසර් කවුළුවෙහි පහළට. පහත සඳහන් මෙවලම් ලබාගත හැකිය, ඒවායේ අදාළ ටැබ් මාතෘකාව මත ක්ලික් කිරීමෙන් හෝ යතුරු පුවරුව කෙටිමං භාවිතා කිරීමෙන් පිවිසිය හැකිය.
    DOM Explorer: ඔබ ක්රියාකාරී පිටුවෙහි වර්ණ වින්යාසය සහ HTML සංස්කරණය කිරීමට ඉඩ දෙයි, ඔබ වෙනස් කරන ලද ප්රතිඵල විදහා දක්වයි. අදාළ වන විට ස්වයංක්රීයව සම්පූර්ණ කිරීමේ කේතය සඳහා IntelliSense ක්රියාකාරීත්වය භාවිතා කරයි. යතුරු පුවරුව කෙටිමඟ: (CTRL + 1)
    කොන්සෝලය: සමෝධානික API හරහා විචල්ය තොරතුරු, කාල සටහන්, ලුහුබැඳීම්, සහ අභිරුචිකරණය කළ පණිවිඩ ඇතුළුව දෝෂ හී තොරතුරු ඉදිරිපත් කිරීමට හැකියාව සපයයි. තවද, ඔබ සජීවීව වෙබ් පිටුවකට කේතයක් යෙදීමට සහ සැබෑ වේලාවට එක් එක් විචල්යයන් සඳහා යොදන ලද අගයයන් වෙනස් කරයි. යතුරු පුවරුව කෙටිමඟ: (CTRL + 2)
    Debugger: ඔබ අවශ්ය විටදී රේඛා රේඛාව සකසමින්, ඔබේ මුර පදය සකසමින් සහ ඔබේ කේතය debug කරන්න. යතුරු පුවරුවේ කෙටිමඟ: (CTRL + 3)
    ජාලය: පිටු පිරවීමේ සහ ක්රියාත්මක කිරීමේදී බ්රවුසරය මගින් ආරම්භ කරන ලද සෑම ජාල ඉල්ලීමක්ම ලැයිස්තුගත කර ඇති අතර, විස්තරය, අන්තර්ගත වර්ගය, කලාප පළල භාවිතය සහ තවත් බොහෝ දේ. යතුරු පුවරුව කෙටිමඟ: (CTRL + 4)
    කාර්ය සාධනය: පිටු රාමු අනුපාත, CPU උපයෝජනය සහ වෙනත් ක්රියාකාරිත්ව ආශ්රිත ප්රමිතික පිටු ඉහල දැමීමට සහ වෙනත් ක්රියාකාරකම් වේගවත් කිරීමට උපකාරී වේ. යතුරු පුවරුව කෙටිමඟ: (CTRL + 5)
    මතකය: වර්තමාන වෙබ් පිටුව මත විභව්ය මතක ධාරා හදුනා ගැනීම සහ නිවැරදි කිරීම සඳහා භාවිතා කරන කාලවකවානු වලදී භාවිතා කරන කාලවකවානුවේදී ස්මාර්ට් පරිහරණ කාල සිමාව දර්ශනය කිරීම මඟින් ඔබට උපකාර කරයි. යතුරු පුවරුව කෙටිමඟ: (CTRL + 6)
    අනුහුරුකරණය: ක්රියාකාරී පිටුවෙහි විවිධ විභේදන සහ තිර ප්රමාණයන්, ස්මාර්ට්ෆෝන්, ටැබ්ලට් සහ වෙනත් උපාංගයන් ඉදිරිපත් කරන ආකාරය ඔබට පෙන්නුම් කරයි. තවද, පරිශීලක නියෝජිතයා සහ පිටු දිශානතිය වෙනස් කිරීම මෙන්ම අක්ෂාංශ සහ දේශාංශ ආයාත කිරීම මගින් විවිධ භූ ලක්ෂණ සිහිකරනු ලබයි. යතුරු පුවරුව කෙටිමඟ: (CTRL + 7)
  3. කොන්සෝලය ප්රදර්ශනය කිරීම සඳහා වෙනත් මෙවලම් ඇතුලත ඕනෑම වර්ගයේ ආයුධයක් දර්ශකයේ දකුණු බොත්තම් සහිත කැබැලි බොත්තම මත ක්ලික් කරන්න. ඒවායේ සංවර්ධන මෙවලම් අතුරුමුහුණත ඉහළ දකුණු කෙළවරෙහි පිහිටා ඇත.
  4. එය අත්හැර දැමීම සඳහා, සංවර්ධක මෙවලම් අතුරුමුහුණත වෙන වෙනම කවුළුවක් බවට පත්වීමට, කැස්ඩැඩින් කරන ලද හතරැස් දෙකකින් දැක්වෙන බොත්තම් මත ක්ලික් කරන්න, හෝ ඊළඟ යතුරු පුවරුවේ කෙටිමඟ භාවිතා කරන්න: CTRL + P. ඔබට නැවත වරක් CTRL + P දෙවන වතාවට එබීමෙන් පසු ඒවායේ මුල් ස්ථානයේ ඇති උපකරණ නැවත ලබා ගත හැක.

ඇපල් සෆාරි (OS X පමණි)

Getty Images # 499844715

සෆාරිගේ විවිධාකාර මෙවලම් කට්ටලය ඔවුන්ගේ නිර්මාණ සහ වැඩසටහන් අවශ්යතා සඳහා මැක් භාවිතා කරන විශාල සංවර්ධන ප්රජාව පිළිබිඹු කරයි. ප්රබල කොන්සෝලයක් සහ සාම්ප්රදායික ලොගින් සහ දෝෂ විගණන පහසුකම් වලට අමතරව, ඔබේම බ්රවුසර දිගු නිර්මාණය කිරීමට පහසු මෙවලමක්, ප්රතිචාරාත්මක මෝස්තර මෝස්තරයක් සහ උපකරණයකි.

  1. ඔබගේ තිරයේ ඉහලින් පිහිටි බ්රවුසර මෙනුවෙහි Safari මත ක්ලික් කරන්න. පතන මෙනුව දිස්වන විට, අභිරුචි තෝරාගන්න. මෙම මෙනු අයිතමයේ වෙනුවට පහත දැක්වෙන යතුරුපුවරු කෙටිමං භාවිතා කළ හැකිය: COMMAND + COMMA (,)
  2. Safari හි අභිරුචි අතුරුමුහුණත දැන් ඔබේ බ්රවුසර කවුළුව ඇතුළට ආවරණය කළ යුතුය. ශීර්ෂයේ ඈත දකුණු පැත්තේ පිහිටා ඇති උසස් අයිකනය මත ක්ලික් කරන්න.
  3. උසස් මනාපයන් දැන් දෘශ්යමාන විය යුතුය. මෙම තිරයේ පතුලේ මෙනු තීරුවේ Show Develop මෙනුව, ලේබලයක් සහිතව විකල්පය තෝරාගෙන ඇත. කොටුව තුළ ඇති චෙක් පතක් නොමැති නම්, එය එක් වරක් තබන්න.
  4. ඉහළ වම් කෙළවරෙහි ඇති රතු 'x' ක්ලික් කිරීමෙන් මනාප අතුරු මුහුණත වසා දමන්න.
  5. දැන් ඔබ විසින් බ්රවුසර මෙනුව තුළ සංවර්ධිත නව විකල්පයක් දැකිය යුතු අතර Bookmarks සහ Window අතර පිහිටා ඇත. මෙම මෙනු අයිතමය මත ක්ලික් කරන්න. පහත දැක්වෙන විකල්පයන් අඩංගු පහත දැක්වෙන බොත්තම එබීමෙන් දිස්විය යුතුය.
    Open Page With: ඔබගේ මැක් මත දැනට ස්ථාපනය කර ඇති අනෙකුත් බ්රවුසරයන් තුළ ක්රියාකාරී වෙබ් පිටුව විවෘත කිරීමට ඉඩ දෙයි.
    පරිශීලක නියෝජිතයා: ඔබ Chrome, ෆයර්ෆොක්ස් සහ ඉන්ටර්නෙට් එක්ස්ප්ලෝරර් වල සංස්කරණ කිහිපයක් ඇතුළුව පූර්ව නිශ්චිත පරිශීලක නියෝජිතයින්ගේ වටිනාකම් ගණනකින් තෝරාගැනීම සහ ඔබේම අභිමත ශ්රේණිය නිර්වචනය කරන්න.
    අනුකූලතා දක්වන සැලසුම් මෝස්තරය ඇතුලත් කරන්න : දැනට පවතින පිටුවට විවිධ උපකරණ සහ විවිධ තිර විභේදන මත දර්ශණය වනු ඇත.
    වෙබ් පරීක්ෂක පෙන්වන්න: සෆාරිගේ dev මෙවලම් සඳහා ප්රධාන අතුරුමුහුණත ආරම්භ කර, ඔබේ බ්රවුසර් තිරයේ පහළ කොටසෙහි පහත දැක්වෙන කොටස් අඩංගු වේ: මූලද්රව්ය , ජාලය , සම්පත් , කාල සටහන , විභේධකය , ගබඩාව , කොන්සෝලය .
    දෝෂ කොන්සෝලය පෙන්වන්න: දෝශයන්, අනතුරු ඇඟවීම් සහ වෙනත් සෙවුම් ලොග් දත්ත දර්ශනය වන කොන්සෝල පටිත්ත වෙත ද dev මෙවලම් අතුරුමුහුණත දියත් කරයි.
    පිටු ප්රභවය පෙන්වන්න: ලේඛන මගින් වර්ග කර ඇති සක්රිය පිටුවට මූල කේතය පෙන්වයි සම්පත් පටිත්ත විවෘත කරයි.
    පිටු සම්පත් පෙන්වන්න: Show Page Source විකල්පය ලෙස එකම කාර්යය ඉටු කරයි.
    ස්නිප්ප් සංස්කාරකය පෙන්වන්න: ඔබ CSS සහ HTML කේතය ඇතුලත් කළ හැකි නව කවුළුවක් විවෘත කර, එහි නිමැවුම පූර්වදර්ශනය කිරීම.
    දිගු නිර්මාණකරු පෙන්වන්න: CSS, HTML සහ JavaScript සමඟ සාදන්න හෝ සංස්කරණය කිරීමට හැකියාව සපයයි.
    කාල නියමයන් පටිගත කිරීම: Timelines පටිත්ත විවෘත කර ජාලය ඉල්ලීම්, පිරිසැලසුම සහ විදැහුම්කරණ තොරතුරු, මෙන්ම ජාවාස්ක්රිප්ට් කිරීම ක්රියාත්මක වේ.
    Empty Cache: ඔබගේ දෘඪ තැටියේ දැනට ගබඩා කර ඇති සමස්ත මතකය මකන්න.
    Cache අක්රිය: ගබඩා කිරීම මඟින් සෆාරි මකාදැමීම මඟින් එක් එක් පිටු පිරිවැය මත සර්වරය වෙතින් සියලු අන්තර්ගතයන් ලබාගෙන ඇත.
    අක්රිය කළ පින්තූර: සියලු වෙබ් පිටු මත ප්රතිබිම්භ සිට රූප වළක්වයි.
    Styles Disable: පිටුව පටවනු ලැබූ විට CSS ගුණාංග නොසලකා හරියි.
    JavaScript ක්රියාත්මක කිරීම : සියලු පිටු මත JavaScript ක්රියාත්මක කිරීම සීමා කරයි.
    දිගුව අක්රිය කරන්න: බ්රව්සරයේ ධාවනය වූ සියළුම දිගු කිරීම් මඟහරියි.
    වෙබ් අඩවි විශේෂිත අක්ෂර ආබාධිත: සක්රීයව වෙබ් පිටුවට විශේෂිත වූ ගැටළු නිරාකරණය කරගැනීමට සෆාරි වෙනස් කර තිබේ නම්, මෙම විකල්පය මඟින් එම වෙනස්කම් අවහිර කරනු ඇති අතර එම වෙනස්කම් සිදුකිරීමට පෙර එය පැටවීමට ඉඩ ඇත.
    දේශීය ගොනු සීමා කිරීම් අක්රිය කරන්න: බ්රවුසරයේ ඔබගේ දේශීය තැටිවල ගොනු වලට ප්රවේශය ලබා දීම, ආරක්ෂක හේතූන් සඳහා පෙරනිමියෙන් ප්රකෘති සීමාවකි.
    ක්රොස්-සම්භවය සීමා කිරීම් අක්රිය කරන්න: XSS සහ අනෙකුත් විභව්ය අන්තරාය වළක්වාලීම සඳහා මෙම සීමා කිරීම් ක්රියාත්මක වේ. කෙසේ වෙතත්, ඔවුන් බොහෝ විට සංවර්ධන අරමුණු සඳහා තාවකාලිකව ආබාධිත විය යුතුය.
    ස්මාර්ට් සෙවුම් ක්ෂේත්රය තුළ JavaScript සඳහා ඉඩ දෙන්න: සක්රිය කල විට, ජාවාස්ක්රිප්ට් සමග URL යොමු කිරීමට හැකියාව සපයයි : ලිපින තීරුව සෘජුවම සක්රිය කර ඇත.
    SHA-1 සහතික අනාරක්ෂිත ලෙස සලකන්න: SHA-1 ඇල්ගොරිතම භාවිතා කරන SSL සහතිකයන් වර්තමාන හා අවධානම් ලෙස සලකනු ලැබේ.