ගෙදර › බහුමාධ්ය › වෙබ් පිටු දෝෂ නිදොස්කරණය. Internet Explorer හි ස්ක්‍රිප්ට් දෝෂ. හේතු සහ විසඳුම්. පැතිකඩ SQL විමසුම් වෙබ් පිටුවක් නිදොස් කිරීම

වෙබ් පිටු දෝෂ නිදොස්කරණය. Internet Explorer හි ස්ක්‍රිප්ට් දෝෂ. හේතු සහ විසඳුම්. පැතිකඩ SQL විමසුම් වෙබ් පිටුවක් නිදොස් කිරීම

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

උපදෙස්

වරින් වර දිස්වන දෝෂයක් හැර බ්‍රවුසරයේ ක්‍රියාකාරිත්වයේ දෘශ්‍ය දුෂ්කරතා නොමැති නම්, ඔබට පණිවිඩය තවදුරටත් නොපෙන්වන ලෙස ස්ක්‍රිප්ට් නිදොස්කරණය අක්‍රිය කිරීමට උත්සාහ කළ හැකිය (දෝෂය එකවර අඩවි එකකට වඩා දිස්වන්නේ නම්, ඊළඟට යන්න පියවර). මෙවලම් මෙනුවෙන්, අන්තර්ජාල විකල්ප විවෘත කරන්න, උසස් පටිත්ත තෝරන්න, සහ "අක්‍රීය ස්ක්‍රිප්ට් නිදොස්කරණය" සලකුණු කොටුව සලකුණු කරන්න. ඔබට සියලු දෝෂ සඳහා දැනුම්දීම අක්‍රිය කිරීමට අවශ්‍ය නම්, "සෑම ස්ක්‍රිප්ට් දෝෂයක් සඳහාම දැනුම්දීම පෙන්වන්න" සලකුණු කොටුව ඉවත් කරන්න.

ගැටලුව දේශීයදැයි බැලීමට වෙනත් ගිණුමකින් හෝ වෙනත් පරිගණකයකින් බැලීමේදී දෝෂය ඇති කරන වෙබ් අඩවිය විවෘත කිරීමට උත්සාහ කරන්න. දෝෂය දිස්වන්නේ නම්, එය බොහෝ විට වැරදි වෙබ් පිටු කේතයක් නිසා විය හැකිය. මෙම අවස්ථාවේදී, ඔබට පෙර පියවරේ උපදෙස් අනුගමනය කිරීමෙන් ස්ක්‍රිප්ට් නිදොස්කරණය අක්‍රිය කළ හැකිය. ඔබ වෙනත් පරිගණකයක් හෝ ගිණුමක් භාවිතයෙන් වෙබ් අඩවිය බ්‍රවුස් කරන විට ගැටලුව පහව යන්නේ නම්, ඊළඟ පියවර වෙත යන්න.

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

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

ඇත්ත වශයෙන්ම, වෙනත් අය සිටිති - මම ඒවා අනිවාර්යයෙන්ම සඳහන් කරමි.

Firefox සඳහා Firebug

ඒක එහෙමද කියලා මම හරියටම දන්නේ නැහැ ගිනි බග්වෙනත් සංවර්ධක මෙවලම්වල මුතුන් මිත්තන්, නමුත් එය නිසැකවම අද දින වඩාත් ජනප්රිය, පහසු සහ ක්රියාකාරී වේ.

Firebug යනු Firefox සඳහා වන add-on එකක් වන අතර එයින් අදහස් වන්නේ ඔබ එය Firefox add-ons වෙබ් අඩවියෙන් බාගත කර ස්ථාපනය කළ යුතු බවයි.

ගිනි දෝෂයක් අවුලුවාලීමට, F12 ඔබන්න.

මෙම ඇඩෝනයේ විශේෂාංග:

ගතිකව වෙනස් කරන HTML පරීක්ෂා කිරීම සහ සංස්කරණය කිරීම;
පියාසර කරන CSS සංස්කරණය;
JavaScript නිදොස් කිරීම, විධාන රේඛාවස්ක්‍රිප්ට් ක්‍රියාත්මක කිරීමට;
ජාල ඉල්ලීම් අධීක්‍ෂණය කිරීම - ඔබට ගොනු සහ ස්ක්‍රිප්ට් වල ප්‍රමාණ සහ බාගැනීම් වේලාවන්, ඉල්ලීම් ශීර්ෂයන් දැකිය හැකිය;
DOM විග්‍රහකය.

අපට මෙම හැකියාවන් ගැන විස්තරාත්මකව දිගු කාලයක් කතා කළ හැකිය, නමුත් අපගේ සියලුම පාඨකයින් ඒවා දන්නා බව මම සිතමි, සහ එසේ නොවේ නම් - විස්තරාත්මක තොරතුරුෆයර්බග්ගේ මුල් පිටුවේ හෝ Ilya Kantor ගේ පරිවර්තනයේ ඇති දේම වේ.

ගිනි බග් වලට අමතරව, ඔබට එය ප්රයෝජනවත් විය හැකිය ප්රයෝජනවත් දියරඔහුට - FireCookie, එය සමඟ (පුදුම:-) ඔබට කුකීස් බැලීමට සහ වෙනස් කිරීමට හැකිය.

Firefox සඳහා WEB සංවර්ධක මෙවලම් තීරුව

Ognelis සඳහා තවත් ප්රයෝජනවත් එකතු කිරීමක්. එය මෙසේ පෙනේ:

ලක්ෂ්‍යයෙන් බලමු.

අක්රිය කරන්න

ඔබට JavaScript ක්‍රියා විරහිත කිරීමට සහ හැඹිලි භාවිතය අක්‍රිය කිරීමට ඉඩ සලසයි, එය සංවර්ධනයේදී ඉතා ප්‍රයෝජනවත් වේ (පිටුව පූරණය වී ඇති බවට සහතික වීමට ඔබට ඉඩ සලසයි. නවතම යාවත්කාලීන), පිටුවේ භාවිතා කර ඇති වර්ණ අවලංගු කර ඒවා සම්මත ඒවා සමඟ ප්‍රතිස්ථාපනය කරන්න, යොමුකරු ශීර්ෂය (යොමු කිරීම සිදු කළ පිටුව) යැවීම තහනම් කරන්න.

කුකීස්

කුකීස් සමඟ වැඩ කිරීම සඳහා ප්රයෝජනවත් විකල්පයක්: ඔබට ඒවා බැලීමට, මකා දැමීමට, ප්රතික්ෂේප කිරීමට සහ එකතු කිරීමට හැකිය.

CSS

මෙම මෙනුව සංවර්ධක මෙවලම් තීරුවේ සිසිල්ම අංගය ගබඩා කරයි - පියාසර කරන විට CSS සංස්කරණය කිරීම. ඊට අමතරව, css, disable, සහ යනාදිය බැලීමට හැකිය. මගේ මතය අනුව, කෙටිමං යතුරු තිබීම මෙහි ඉතා ප්‍රයෝජනවත් වේ (CTRL + SHIFT + C, උදාහරණයක් ලෙස, ඔබට පිටු විලාස නැරඹීමට කෙලින්ම යාමට ඉඩ සලසයි)

ආකෘති පත්ර

පෝරම සමඟ වැඩ කිරීම සඳහා සෑම දෙයක්ම: මුරපද පෙන්වන්න, පෝරම පිළිබඳ තොරතුරු පෙන්වන්න, ආකෘති ක්රම පරිවර්තනය කරන්න (GET » POST සහ අනෙක් අතට) සහ තවත් බොහෝ දේ. පෝරම ක්ෂේත්‍ර ස්වයංක්‍රීයව පිරවීම සඳහා ප්‍රයෝජනවත් කාර්යයක් වන්නේ “පෝරම ක්ෂේත්‍ර ජනනය කරන්න” (උදාහරණයක් ලෙස, වෙබ් අඩවියක් පරීක්ෂා කිරීමේදී, මුරපද මතක තබා ගැනීමේ කාර්යය අක්‍රිය වූ විට. එසේ නොමැති නම්, මෙම අයිතමයේ ප්‍රයෝජනවත් කිසිවක් මට නොපෙනේ.

රූප

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

විස්තර

මෙම මෙනුවේ බොහෝ විකල්ප තිබේ. පිටුවේ පන්තිය සහ හැඳුනුම්පත් ගුණාංග පෙන්වීමේ කාර්යය ප්‍රයෝජනවත් විය හැකිය. ඊට අමතරව, “වර්ණ තොරතුරු බලන්න” අයිතමය සිත්ගන්නා සුළුය - පිටුවේ භාවිතා කරන වර්ණ පිළිබඳ තොරතුරු ඉක්මනින් ලබා ගැනීමට. "ලේඛන ප්රමාණය බලන්න" - පිටු ප්රමාණය බලන්න. “ප්‍රතිචාර ශීර්ෂ බලන්න” - පිටු ශීර්ෂ බලන්න.

විවිධ

බොහෝ විට භාවිතා කරන කාර්යය වන්නේ හැඹිලිය ඉවත් කිරීමයි. මීට අමතරව, මෙහි ඇති කාර්යයන් වන්නේ “පිටු පාලකයා” - පාලකයෙකු, “පිටු විශාලනය” - විශාලන වීදුරුවක් සහ “රේඛා මාර්ගෝපදේශ” - අච්චුවක් කැපීම සඳහා ප්‍රයෝජනවත් විය හැකි රේඛා කිහිපයක්.

දළ සටහන

විවිධ පිටු අංග ඉස්මතු කිරීම - වගු, ශීර්ෂයන්, සබැඳි, රාමු, කුට්ටි. ප්‍රතිප්‍රමාණ කිරීම ඔබට ඕනෑම සම්මත තිර දිගුවකට ගැලපෙන පරිදි බ්‍රවුසර කවුළුව ප්‍රමාණය වෙනස් කිරීමට ඉඩ සලසයි. පිටු වලංගු කිරීම සඳහා මෙවලම් විශේෂාංග මෙහි ගබඩා කර ඇත. දේශීය හා බාහිර යන දෙකම. පහසු සහ වේගවත් ප්රවේශය HTML, CSS, ආදිය වලංගු කිරීමට. HTML වලංගු කිරීමට, ඔබට යතුරුපුවරු කෙටිමඟ CTRL+SHIFT+H භාවිතා කළ හැක.

මූලාශ්රය බලන්න

දැක්ම ප්රභව කේතය. බාහිර යෙදුමකින් බැලීමේ හැකියාව, උත්පාදනය කරන ලද කේතය බැලීම.

මම වැඩිපුරම කැමති දකුණු කෙළවරේ ඇති එකට. එය වේගවත් HTML, CSS වලංගුකාරකයක් සහ JavaScript දෝෂ දර්ශකයකි. ගැටළු නොමැති නම්, නිරූපකය හරිත වන අතර ගැටළු තිබේ නම්, අයිකනය රතු වේ.

Internet Explorer සංවර්ධක මෙවලම් තීරුව

8.0 සිට, දෝෂ නිදොස්කරණය දැනටමත් මෙම බ්‍රවුසරයේ ගොඩනගා ඇත. එය පහසුවෙන් හැඳින්විය හැක F12 යතුර. ඇත්ත, එය 90 දශකයේ වැඩසටහනක් තරම් දුර්වලයි.

නමුත් මෙම බ්‍රව්සරය සඳහා වඩාත් සිසිල් මෙවලමක් ඇත, ඊනියා Internet Explorer Developer Toolbar, එය සබැඳියෙන් බාගත හැකිය.

පෙනුමෙන්, මෙම මෙවලම් තීරුව, ඇත්ත වශයෙන්ම, ෆයර්බග් මෙන් පෙනේ, නමුත්, අහෝ, එය තවමත් පරිණත වී නැත. අනෙක් අතට, එය firebug සතුව නොමැති සමහර හැකියාවන් ඇත. මම ඉන්ටර්නෙට් එක්ස්ප්ලෝරර් සංවර්ධක මෙවලම් තීරුව ෆයර්බග් සහ දෙමුහුන් වර්ගයක් ලෙස හඳුන්වමි ෆයර්ෆොක්ස් වෙබ් සංවර්ධකයාමෙවලම් තීරුව.

ෆයර්බග් හි මෙන්, මූලද්රව්යයක් පරීක්ෂා කිරීමට හැකි වේ සරල ක්ලික් කිරීමකින්. නමුත්, අපට වහාම පිරවුම් සහ මායිම් දැකිය හැකි නම්, මෙහි එවැනි අවස්ථාවක් නොමැත.

අතිරේකව, Internet Explorer Developer Toolbar ෆයර්බග් මෙන් මූලද්‍රව්‍ය ගස ගතිකව යාවත්කාලීන නොකරයි. එනම්, අපි js භාවිතයෙන් පිටුවේ යමක් වෙනස් කළහොත්, මෙම මෙවලම් තීරුව භාවිතයෙන් අපට කිසිවක් නොපෙනේ.

ඔබට භුක්ති විඳිය හැක්කේ පියාසර කරන විට CSS වෙනස් කිරීම (හැක් කළ යුතු දේ සොයා ගැනීමට පහසු ක්‍රමයක් :), CSS සහ පින්තූර අක්‍රිය කිරීමේ හැකියාව, හැඹිලිය ඉක්මනින් ඉවත් කර කුකීස් සමඟ ක්‍රීඩා කිරීමේ හැකියාව, වලංගුකරණයට ඉක්මන් ප්‍රවේශය.

හොඳම කොටස: බිල්ට් වර්ණ පිකර් ඇත, එය ඔබට පයිපට් භාවිතයෙන් පිටුවෙන් ඕනෑම වර්ණයක් ලබා ගැනීමට ඉඩ සලසයි. (ff සඳහා වෙනම ColorZilla ප්ලගිනයක් ඇත).

Internet Explorer සඳහා Debug DebugBar නිදොස් කරන්න

Internet Explorer සඳහා DebugBar ලබා දී ඇති සබැඳියෙන් බාගත හැකිය.

එහිම රසවත් දිගුවක්. බ්‍රවුසරයට අමතර පුවරුවක් ලෙස ස්ථාපනය කර ඇත:

කිසියම් හේතුවක් නිසා ගොඩනඟන ලද සෙවුම් යන්ත්රයක්, අයිඩ්රොපර්, කවුළුවේ විශාලත්වය වෙනස් කිරීමේ හැකියාව සහ නැවතත්, යම් හේතුවක් නිසා සබන් සඳහා මිතුරෙකුට පිටුවක් යැවීමට හැකියාව ඇත. මෙය ප්රයෝජනවත් විය හැකි වුවද. නමුත් මේ අවස්ථාවෙන් ප්‍රයෝජන ගන්න මම අපොහොසත් වුණා.

ඊට අමතරව, පරීක්ෂකයෙක් සිටී:

සංවර්ධකයින් ක්ලික් කිරීමෙන් හෝ යොමු කිරීමෙන් පරීක්ෂා කිරීමේ ක්‍රමය ගැන සෑහීමකට පත් නොවීය: ඔවුන් වඩාත් රසවත් දෙයක් ඉදිරිපත් කළහ. DebugBar හි, ඔබ හරස්කඩ ගස තුළ දැකීමට අපේක්ෂිත මූලද්‍රව්‍යය මතට ඇදගෙන යා යුතුය. CSS සංස්කරණය කිරීමේ හැකියාවක් නොමැත. නමුත් Validator එකක් සහ build-in js console එකක් තියෙනවා.

ඔබ සැකසුම් හාරා බැලුවහොත් ඔබට මෙය සොයාගත හැකිය:

විහිලුයි දුකයි දෙකම.

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

ඔපෙරා සඳහා DragonFly නිදොස් කරන්න

DragonFly 9.5 අනුවාදයෙන් ඔපෙරා තුළට ගොඩනගා ඇත, එබැවින් එය ස්ථාපනය කිරීමට අවශ්ය නොවේ. Dragonfly සක්රිය කිරීම සඳහා, මෙවලම් → උසස් → සංවර්ධක මෙවලම් වෙත යන්න. ඉංග්‍රීසියෙන් නම්, මෙවලම් → උසස් → සංවර්ධක මෙවලම්.

DragonFly Alpha2 අදියරේ සිටින බව මම ඔබට වහාම අනතුරු අඟවන්නම්, මෙය එහි බොහෝ දෝෂයන් පැහැදිලි කරයි.

විශේෂාංග ලැයිස්තුව:

DOM පරීක්ෂක;
ක්ලික් කිරීමෙන් පරීක්ෂා කරන්න (නැවතත්, අපි ෆයර්ෆොක්ස් හි මෙන් ඉන්ඩෙන්ටේෂන් නොදකිමු);
සංස්කරණය කිරීම;
දෝෂ කොන්සෝලය වෙත ඉක්මන් ප්රවේශය.

DF යනු රාමුවක වෙනම පිටුවක් වැනි දෙයකි. ඔබ එය විවෘත කළහොත්, එය සියලුම ටැබ් සඳහා විවෘත වේ (ෆයර්බග් මෙන් නොව). එබැවින්, මූලද්‍රව්‍යයක් පරීක්ෂා කිරීමට පෙර, අපට බැලීමට අවශ්‍ය පිටුව ලැයිස්තුවෙන් තෝරාගත යුතුය.

අවාසනාවකට, මෙහි, Internet Explorer Dav මෙවලම් තීරුවේ මෙන්, ගතිකව නිර්මාණය කරන ලද මූලද්‍රව්‍ය දර්ශනය නොවේ. සහ පොදුවේ, අපි පිටුව පරීක්ෂා කරන විට, JavaScript දියත් නොකෙරේ: සබැඳි සහ බොත්තම් ක්ලික් නොකෙරේ. DragonFly මුදා හැරීමට ආසන්න වූ විට මෙම විශේෂාංග සියල්ල අපට දැකගත හැකි යැයි අපි බලාපොරොත්තු වෙමු.

සෆාරි හි වෙබ් පරීක්ෂක නිදොස් කරන්න

එය බ්‍රව්සරය ගැන බව මම වහාම කියමි සෆාරිමට තොරතුරු මග හැරී ඇත, එබැවින් ඔවුන් පවසන පරිදි ද්‍රව්‍යයේ ප්‍රමාණවත් භාවය සඳහා මම වගකිව යුතු නොවේ.

Safari මෙනුවේ "සංවර්ධන" අයිතමය සක්රිය කිරීම සඳහා, ඔබ විසින් සැකසුම් තුළ අනුරූප අයිතමය සක්රිය කළ යුතුය ("උසස්" ටැබය):

"සංවර්ධන" මෙනුවෙහි පහත සඳහන් කාර්යයන් අපට ලබා ගත හැකිය:

අපි වෙබ් පරීක්ෂක දෙස සමීපව බලමු:

පෙරනිමියෙන්, පරීක්ෂක HTML දර්ශන මාදිලියේ විවෘත වේ. නමුත් එය DOM දර්ශන මාදිලියට මාරු කළ හැකිය. මෙම කාර්යය සඳහා ඉහළ තහඩුව මත ස්විචයක් ඇත. ඔබ පරීක්ෂකයේ මූලද්‍රව්‍යයක් මත සැරිසරන විට, එය පිටුවේම උද්දීපනය වේ. ඔබට ෆයර්බග් හි දැකිය හැකි පරිදි පියාසර කිරීමේදී පෑඩිං, මාර්ක්අප් වෙනස් කිරීම හෝ CSS වෙනස් කිරීම හෝ පියාසර කිරීමේදී DOMe හි ගතික වෙනස්කම් දැකිය නොහැක. එහෙත්, ඔබ පිළිගත යුතුය, එය ඉතා හුරුබුහුටි පෙනුමකි.

ඔබට බ්‍රව්සර් කවුළුවක පරීක්ෂක සමඟ වැඩ කිරීමට අවශ්‍ය නම්, ඔබට පහළ වම් කෙළවරේ ඇති බොත්තම ක්ලික් කළ හැකිය.

Safari හි පවා, "ජාල කාලරාමුව" වැනි කාර්යයක් ඇත (පරීක්ෂකයේ "ජාල" බොත්තම):

ගොනු බාගත කිරීමට කොපමණ කාලයක් ගතවේද යන්න ඔබට පැහැදිලිව දැකගත හැකිය. ඔබට ඉල්ලීම් ශීර්ෂයන් ද බැලිය හැක, නමුත්, අවාසනාවන්ත ලෙස, ඔබට අන්තර්ගතය ම බැලිය නොහැක.

Google Chrome හි සංවර්ධකයින් සඳහා නිදොස්කරණය

Lame උපත ලැබුවේ දියුණු ස්වරූපයෙන් වන අතර, එය වහාම ඇත, දැනට වංක වුවත්, නමුත් තවමත් සංවර්ධකයින් සඳහා මෙවලම්.

DOM පරීක්ෂක;
javascript debugger;
JavaScript කොන්සෝලය.

ඕනෑම අංගයක් පරීක්ෂා කිරීම සඳහා, ඔබ එය මත දකුණු-ක්ලික් කළ යුතුය සන්දර්භය මෙනුව"මූලද්‍රව්‍ය කේතය බලන්න" තෝරන්න:

ක්‍රියාකාරීත්වය Safari හි මෙන් ම වේ: මූලද්‍රව්‍ය සැරිසරන විට උද්දීපනය වේ, නමුත් CSS සහ HTML සංස්කරණය ලබා ගත නොහැක, සහ DOM හි වෙනස්කම් නිරීක්ෂණය නොකෙරේ. නමුත් පහළ වම් කෙළවරේ ඇති බොත්තම, බ්රවුසර කවුළුව වෙත පරීක්ෂක ඇමිණිය යුතු, ක්රියා නොකරයි.

"සම්පත්" ටැබය තුළ අපට පහත සඳහන් දෑ දැකිය හැකිය:

සෆාරි වල පරිමාණයෙන් තරමක් වෙනස්. මෙම රූප සටහනේ පාරභාසක ලෙස සාපේක්ෂ ගොනු ප්‍රමාණ පෙන්වයි, සහ සම්පූර්ණ වර්ණයෙන් පූරණ කාලය පෙන්වයි. එක් ආකාරයකින් හෝ වෙනත් ආකාරයකින්, Chrome හි මෙම කොටස අවසන් වී නැති බව පැහැදිලිය.

මෙම ලිපියෙන් මම වඩාත් ප්‍රසිද්ධ බ්‍රව්සර් දිගු සහ බිල්ට්-ඉන් දෙස බැලුවෙමි.

තවත් ඒවා ඇත, උදාහරණයක් ලෙස:

Internet Explorer WEB Development Helper - ASP.NET සංවර්ධකයින් සඳහා හොඳ සහායකයෙක් (Internet Explorer);
WEB සංවර්ධක මෙවලම් තීරුව - Internet Explorer සහ FireFox සඳහා මෙවලම් තීරුව. ප්රයෝජනවත් විශේෂාංග කිහිපයක් තිබේ;
WEB ප්‍රවේශ්‍යතා මෙවලම් තීරුව - Internet Explorer සඳහා මෙවලම් තීරුව. කිසිම සිත්ගන්නාදෙයක් නැහැ.

මා සඳහන් නොකළ ඇඩෝන තිබේ නම්, නමුත් ඒවා කළ යුතු හෝ මට මඟ හැරුණු සඳහන් කළ දිගු සඳහා කාර්යයන් තිබේ නම්, කරුණාකර ලියන්න.

ඔබේ සෞඛ්යය සඳහා එය භුක්ති විඳින්න!

HTML ලිවීම විශිෂ්ටයි, නමුත් යමක් ක්‍රියා නොකරන විට දෝෂය කොතැනදැයි ඔබ දන්නේ කෙසේද? HTML හි දෝෂ සොයා ගැනීමට සහ නිවැරදි කිරීමට ඔබට උපකාර කළ හැකි මෙවලම් කිහිපයක් මෙම ලිපියෙන් විස්තර කෙරේ.

නිදොස්කරණය බියජනක නොවේ

ඔබ යම් කේතයක් ලියන විට, ඔබ වැරැද්දක් කරන තුරු සෑම දෙයක්ම සාමාන්යයෙන් හොඳින් සිදු වේ. එබැවින්, ඔබේ කේතය ක්‍රියා නොකරයි, නැතහොත් ඔබ අදහස් කළ පරිදි ක්‍රියා නොකරයි. ඔබ කැඩුණු රස්ට් වැඩසටහනක් සම්පාදනය කිරීමට උත්සාහ කරන්නේ නම්, සම්පාදකය දෝෂයක් පෙන්වයි:

මෙම අවස්ථාවෙහිදී, දෝෂ පණිවිඩය තේරුම් ගැනීමට සාපේක්ෂව සරල ය - "අවසන් කළ ද්විත්ව උද්ධෘත පෙළ". ඔබ println!(Hello, world!") දෙස සමීපව බැලුවහොත්, එය අතුරුදහන් වී ඇති බව ඔබට පෙනෙනු ඇත ද්විත්ව උපුටා දැක්වීම. ඇත්ත වශයෙන්ම, ඔබේ කේතය වර්ධනය වන විට දෝෂ පණිවිඩ තේරුම් ගැනීම වඩාත් අපහසු විය හැකි අතර, රස්ට් ගැන කිසිවක් නොදන්නා අයට සරලම අවස්ථා පවා භයානක විය හැකිය.

නමුත් දෝෂහරණය කිරීමට බිය නොවන්න! ඕනෑම කේතයක් පහසුවෙන් ලිවීමට සහ දෝෂහරණය කිරීමට, ඔබ භාෂාව සහ එහි මෙවලම් තේරුම් ගත යුතුය.

HTML සහ නිදොස්කරණය

HTML තේරුම් ගැනීම Rust තරම් අපහසු නැත. බ්‍රවුසරය විග්‍රහ කර ප්‍රතිඵලය පෙන්වීමට පෙර HTML වෙනත් ආකාරයකට සම්පාදනය නොකෙරේ (එය අර්ථකථනය කර ඇත, සම්පාදනය නොකෙරේ). HTML මූලද්‍රව්‍යවල වාක්‍ය ඛණ්ඩය Rust, JavaScript, හෝ Python වැනි "සැබෑ ක්‍රමලේඛන භාෂා" වලට වඩා පැහැදිලිය. බ්‍රව්සර් HTML කියවන ආකාරය වැඩිය ඉවසනඔවුන්ගේ කේතය වඩාත් දැඩි ලෙස අර්ථකථනය කරන ක්‍රමලේඛන භාෂාවලට වඩා. මෙය නරක සහ හොඳ යන දෙකම වේ.

ඉවසීමේ කේතය

ඉතින් ඉවසීම යන්නෙන් අදහස් කරන්නේ කුමක්ද? පොදුවේ ගත් කල, ඔබ ඔබේ කේතය අවුල් කරන විට, ඔබට මුහුණ දීමට සිදු වන දෝෂ වර්ග දෙකක් තිබේ:

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

HTML සින්ටැක්ස් දෝෂ වලින් පීඩා විඳින්නේ නැත, මන්ද බ්‍රවුසරය කේතය ඉවසීමෙන් කියවන බැවිනි, එනම් වාක්‍ය ඛණ්ඩ දෝෂ ඇති වුවද පිටු විදැහුම් කළ හැකිය. වැරදි අක්ෂර වින්‍යාස සලකුණු කිරීම අර්ථ නිරූපණය කිරීම සඳහා බ්‍රවුසරවල ගොඩනඟන ලද නීති ඇත, ඔබ වෙනත් දෙයක් අදහස් කළත් ඔබට යමක් ධාවනය කළ හැකිය. මෙය සැබෑ ගැටළුවක් විය හැකිය!

සටහනක් මත: HTML කියවිය හැකි වන්නේ වෙබය ප්‍රථම වරට දර්ශනය වූ විට, කේතය වැරදි වුවද අන්තර්ගතය ප්‍රකාශ කිරීමට මිනිසුන්ට ඉඩ දීමට තීරණය කරන ලද බැවින්, වාක්‍ය ඛණ්ඩය නියත වශයෙන්ම නිවැරදි බව සහතික කිරීමට වඩා මෙය ඉතා වැදගත් වන බැවිනි. අලුතින් එන අය එක්ක තදින් හිටියා නම් අද වෙබ් මේ තරම් ජනප්‍රිය වෙන්නේ නැහැ.

ක්රියාකාරී ඉගෙනීම: ඉවසීමේ කේතය හඳුන්වා දීම

HTML හි ඉවසීමේ කේතයේ ස්වභාවය ගවේෂණය කිරීමට කාලයයි.

HTML වලංගුකරණය

ඉහත උදාහරණයෙන් පැහැදිලි වන්නේ HTML වල වලංගුභාවය පරීක්ෂා කිරීම වටී. ඉහත සරල උදාහරණයේ දී, ඔබට සම්පූර්ණ කේතය හරහා ගොස් දෝෂ සොයාගත හැකිය, නමුත් විශාල, සංකීර්ණ පිටු ගැන කුමක් කිව හැකිද?

සලකුණු වලංගු කිරීමේ සේවාවක පිටුව පරීක්ෂා කිරීම වඩාත් සුදුසුය. එය HTML, CSS සහ අනෙකුත් වෙබ් තාක්ෂණයන්හි පිරිවිතරයන් සමඟ කටයුතු කරන W3C සංවිධානය විසින් නිර්මාණය කර නඩත්තු කරන ලදී. සේවාව ඔබගේ HTML පරීක්ෂා කර එහි ඇති දෝෂ පිළිබඳ වාර්තාවක් ජනනය කරනු ඇත.

HTML ගොනුව බාගත කිරීමෙන් හෝ එය පිටුවට පිටපත් කිරීමෙන් ලිපිනයෙන් පරීක්ෂා කළ හැක.

ක්රියාකාරී ඉගෙනීම: HTML ලේඛනයක් වලංගු කිරීම

ඔබගේ බ්‍රවුසරයේ සලකුණු වලංගු කිරීමේ සේවාව විවෘත කරන්න.
සෘජු ආදාන මාදිලිය මගින් වලංගු කිරීමට මාරු වන්න.
සම්පූර්ණ ලේඛන කේතය (ශරීරය පමණක් නොව) පිටපත් කර එය ආදාන අවකාශයට අලවන්න.
ඔබන්න චෙක් පත.

ඔබට දෝෂ සහ වෙනත් තොරතුරු ලැයිස්තුවක් පෙනෙනු ඇත.

දෝෂ පණිවිඩ සමඟ වැඩ කිරීම

සාමාන්‍යයෙන් පණිවිඩවල තේරුම ක්ෂණිකව පැහැදිලි වේ, නමුත් සමහර විට සිදුවන්නේ කුමක්දැයි සොයා ගැනීමට ඔබට වෙහෙස මහන්සි වී වැඩ කිරීමට සිදුවේ. දැන් අපි සියලු දෝෂ හරහා ගොස් ඒවායින් අදහස් කරන්නේ කුමක්දැයි සොයා බලමු. දෝෂ සොයා ගැනීම පහසු කිරීම සඳහා පණිවිඩවල කේතයේ රේඛාව සහ තීරුව දක්වන බව කරුණාවෙන් සලකන්න.

"අවසන් ටැගය ඇඟවුම් කර ඇත, නමුත් විවෘත මූලද්‍රව්‍ය තිබුණි" (උදාහරණ 2): බ්‍රවුසරයට එය තිබිය යුත්තේ කොතැනදැයි අනුමාන කළ හැකි වුවද, පැහැදිලි වසා දැමීමේ ටැගයක් නොමැත. පණිවිඩය වසා දැමීමේ ටැගය අපේක්ෂා කළ රේඛාවට පසුව ඇති රේඛාව වෙත යොමු කරයි, නමුත් ඔබ නිවැරදි ස්ථානය සොයා ගනු ඇත.
"නොසන්සුන් මූලද්‍රව්‍ය ශක්තිමත්": මෙය ඉතා ය සරල වැරැද්දක්- මූලද්රව්යය) එහි අන්තර්ගතය ඉතා වැදගත්, බරපතල හෝ හදිසි බව පෙන්නුම් කරයි. බ්‍රව්සර් සාමාන්‍යයෙන් අන්තර්ගතය පෙන්වයි තද අකුරින්."> වසා නොමැති අතර පණිවිඩය කෙලින්ම විවෘත ටැගය වෙත යොමු කරයි.
"අවසාන ටැගය ශක්තිමත්ව කැදලි නීති උල්ලංඝනය කරයි": මූලද්‍රව්‍යය වැරදි ලෙස කැදලි කර ඇත - මෙම මට්ටමට ගැලපෙන අවසන් ටැගයක් නොමැත.
"ගුණාංග අගයක් තුළ ඇති විට ගොනුවේ අවසානය ළඟා විය. ටැගය නොසලකා හරිමින්": අද්භූත පණිවිඩය. කාරණය වන්නේ කොතැනක හෝ (බොහෝ විට, ලේඛනයේ අවසානයේ) මූලද්රව්ය දේපලක් වැරදි ලෙස ලියා ඇති අතර, ගොනුවේ අවසානය මෙම දේපල තුළ අවසන් විය. සබැඳිය බ්රවුසරයේ නොපෙනේ - බොහෝ විට ගැටළුව එය ආසන්නයේ ඇත.
"ගොනුවේ අවසානය දැක ඇති අතර විවෘත මූලද්‍රව්‍ය තිබුණි": ගොනුව අවසන් වී ඇත, නමුත් සමහර මූලද්‍රව්‍ය වසා නැත. පණිවිඩය ගොනුවේ අවසානය පෙන්නුම් කරයි, මෙම අවස්ථාවේදී මූලද්‍රව්‍යය වසා නැත උදාහරණය: Mozilla මුල් පිටුවට සබැඳිය ↩

↩ ↩

බොහෝ විට, පරිශීලකයින් බ්‍රවුසරයේ (IE) ස්ක්‍රිප්ට් දෝෂ පණිවිඩයක් දිස්වන තත්වයක් නිරීක්ෂණය කළ හැකිය. තත්වය හුදකලා නම්, කරදර විය යුතු නැත, නමුත් එවැනි දෝෂ නිතිපතා සිදු වන විට, ගැටලුවේ ස්වභාවය ගැන සිතීම වටී.

ඉන්ටර්නෙට් එක්ස්ප්ලෝරර් හි ස්ක්‍රිප්ට් දෝෂයක් සාමාන්‍යයෙන් සිදුවන්නේ බ්‍රවුසරය HTML පිටු කේතය නිසි ලෙස ක්‍රියා නොකිරීම, තාවකාලික අන්තර්ජාල ගොනු තිබීම, ගිණුම් සැකසීම් සහ තවත් බොහෝ හේතු නිසා ය. අපි කතා කරන්නම්මෙම ද්රව්යයේ. මෙම ගැටළුව විසඳීම සඳහා ක්රම ද සාකච්ඡා කරනු ඇත.

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

ඉන්ටර්නෙට් එක්ස්ප්ලෝරර් සක්‍රීය ස්ක්‍රිප්ට් අවහිර කිරීම, ActiveX සහ Java

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

Internet Explorer 11 විවෘත කරන්න
සේවය

කවුළුව තුළ, ටැබයට යන්න ආරක්ෂාව
ඊළඟට, බොත්තම ක්ලික් කරන්න පෙරනිමිය, ඉන්පසු බොත්තම හරි

Internet Explorer තාවකාලික ගොනු

ඔබ වෙබ් පිටුවක් විවෘත කරන සෑම විටම, Internet Explorer බ්‍රවුසරය මෙම වෙබ් පිටුවේ දේශීය පිටපතක් ඔබගේ පරිගණකයේ ඊනියා තාවකාලික ගොනු වල සුරකියි. එවැනි ලිපිගොනු විශාල ප්‍රමාණයක් ඇති විට සහ ඒවා අඩංගු ෆෝල්ඩරයේ ප්‍රමාණය ගිගාබයිට් කිහිපයකට ළඟා වූ විට, වෙබ් පිටුව ප්‍රදර්ශනය කිරීමේදී ගැටළු ඇතිවිය හැකිය, එනම් ස්ක්‍රිප්ට් දෝෂ පණිවිඩයක් දිස්විය හැකිය. ඔබගේ තාවකාලික ගොනු ෆෝල්ඩරය නිතිපතා පිරිසිදු කිරීම මෙම ගැටළුව විසඳීමට උදවු විය හැක.
තාවකාලික අන්තර්ජාල ගොනු මකා දැමීමට, මෙම පියවර අනුගමනය කරන්න.

Internet Explorer 11 විවෘත කරන්න
සේවය
කවුළුව තුළ, ටැබයට යන්න පොදු වේ
පරිච්ඡේදයේ බ්රවුසර ඉතිහාසයබොත්තම ක්ලික් කරන්න මකන්න...

කවුළුව තුළ සමාලෝචන ඉතිහාසය මකා දැමීමඅයිතම අසල ඇති කොටු පරීක්ෂා කරන්න තාවකාලික අන්තර්ජාල සහ වෙබ් අඩවි ගොනු, කුකීස්සහ වෙබ් අඩවි දත්ත, සඟරාව
බොත්තම ක්ලික් කරන්න මකන්න

ප්රතිවයිරස මෘදුකාංග ක්රියාත්මක කිරීම

ක්‍රියාත්මක වීම හරහා ස්ක්‍රිප්ට් දෝෂ ඇතිවිය හැක ප්රතිවයිරස වැඩසටහනඑය සක්‍රිය ස්ක්‍රිප්ට් අවහිර කරන විට, පිටුවක ActiveX සහ Java පාලන හෝ තාවකාලික බ්‍රවුසර ෆෝල්ඩර. මෙම අවස්ථාවෙහිදී, ඔබ විසින් ස්ථාපිත ප්රති-වයිරස නිෂ්පාදනය සඳහා ලියකියවිලි වෙත යොමු කිරීම සහ තාවකාලික අන්තර්ජාල ගොනු සුරැකීම සඳහා ෆෝල්ඩර පරිලෝකනය කිරීම අක්රිය කිරීම මෙන්ම අන්තර් ක්රියාකාරී වස්තූන් අවහිර කිරීම අවශ්ය වේ.

HTML පිටු කේතය වැරදි ලෙස සැකසීම

එය සාමාන්‍යයෙන් එක් විශේෂිත වෙබ් අඩවියක දිස්වන අතර ඉන්ටර්නෙට් එක්ස්ප්ලෝරර් සමඟ වැඩ කිරීමට පිටු කේතය සම්පූර්ණයෙන්ම අනුවර්තනය වී නොමැති බව පෙන්නුම් කරයි. මෙම අවස්ථාවේදී, බ්රවුසරයේ ස්ක්රිප්ට් නිදොස්කරණය අක්රිය කිරීමට හොඳම වේ. මෙය සිදු කිරීම සඳහා, මෙම පියවර අනුගමනය කරන්න:

Internet Explorer 11 විවෘත කරන්න
බ්රවුසරයේ ඉහළ කෙළවරේ (දකුණ), අයිකනය ක්ලික් කරන්න සේවයගියර් ස්වරූපයෙන් (හෝ යතුරු සංයෝජනය Alt + X). ඉන්පසු විවෘත වන මෙනුවේ, තෝරන්න
කවුළුව තුළ, ටැබයට යන්න අමතරව
ඊළඟට, කොටුව සලකුණු නොකරන්න සෑම ස්ක්‍රිප්ට් දෝෂයක් සඳහාම දැනුම්දීම පෙන්වන්නසහ බොත්තම ඔබන්න හරි.

මෙය වඩාත්ම ලැයිස්තුවකි පොදු හේතු, ඉන්ටර්නෙට් එක්ස්ප්ලෝරර් හි ස්ක්‍රිප්ට් දෝෂ ඇති කරයි, එබැවින් ඔබ එවැනි පණිවිඩ වලින් වෙහෙසට පත්ව සිටී නම්, මඳක් අවධානය යොමු කර එකවරම ගැටලුව විසඳා ගන්න.

මත මේ මොහොතේපවතින HTML ප්‍රමිතීන්ට විවිධ මට්ටම් වලට සහය දක්වන විවිධ බ්‍රව්සර් විශාල සංඛ්‍යාවක් ඇත. පුද්ගලිකව, මම මොසිල්ලා කෝපරේෂන් වෙතින් බ්‍රවුසරයට කැමතියි. මෙම බ්‍රවුසරයට දිගු ඉතිහාසයක් ඇත (එය සුප්‍රසිද්ධ Netscape Navigator බ්‍රව්සරය මත පදනම් වේ). මම මෙම බ්‍රවුසරයටද කැමතියි එය ප්ලගීන පද්ධතියකට සහය දක්වන නිසා - වෙන වෙනම බෙදා හරින ලද ඇඩෝන, සම්බන්ධ වූ විට, ඔබට ක්‍රියාකාරීත්වය වෙනස් කර ඔබේ අවශ්‍යතාවයට අනුව එය රිසිකරණය කළ හැකිය. අවසාන වශයෙන්, මෙම බ්‍රව්සරය නිදහසේ බෙදා හරින අතර විවෘත මූලාශ්‍ර වේ, එයද වැදගත් වේ. එමනිසා, මෙම බ්‍රව්සරය පරිශීලකයාට පමණක් නොව, වෙබ් පිටු සංවර්ධකයාට ද සපයන හැකියාවන් විස්තර කිරීමට මම තීරණය කළෙමි, ලිඛිත නිෂ්පාදන නිදොස් කිරීමේ ක්‍රියාවලිය කෙතරම් පහසු සහ පහසු විය හැකිද?

Mozilla Firefoxසංවර්ධකයින් සහ වෙබ් සංවර්ධකයින් අතර වඩාත් ජනප්‍රිය බ්‍රව්සරයකි. නිර්මාණය කරන ලද ව්‍යාපෘති නිදොස් කිරීම, දෝෂ නිවැරදි කිරීම සහ ඒවා වැඩිදියුණු කිරීම සඳහා මෙම බ්‍රව්සරය සපයන අවස්ථා නිසා එය ඔවුන්ගේ අවධානය ආකර්ෂණය කරයි. සම්මත බ්‍රව්සර් පැකේජයට ජාවා කොන්සෝලයක් (හෝ “දෝෂ කොන්සෝලය”) ඇතුළත් වේ. මෙම උපයෝගිතාව ඔබට බිල්ට්-ඉන් ජාවා-ස්ක්‍රිප්ට් ස්ක්‍රිප්ට් නිදොස් කිරීමට ඉඩ සලසයි. නමුත් මොසිල්ලා පදනමේ නිල වෙබ් අඩවියෙන් බාගත කර ස්ථාපනය කළ හැකි තෙවන පාර්ශවීය ප්ලගීන මගින් බ්‍රව්සරයට තවත් බොහෝ ක්‍රියාකාරීත්වයක් ලබා දේ. දැන් මට මෙම ප්ලගීන දෙකක් දෙස බැලීමට අවශ්‍යයි - Web Developer සහ Firebug. මෙම ඇඩෝන දෙකම නිල ඇඩෝන වෙබ් අඩවියෙන් ඉහත සබැඳි වලින් බාගත හැකිය. ඒවා ස්ථාපනය කර බ්‍රව්සරය නැවත ආරම්භ කිරීමෙන් පසු, සංවර්ධකයාට පුළුල් පරාසයක හැකියාවන් ඇත, ඒවා එක් එක් ප්ලගීන සඳහා මම පහත විස්තර කරමි.

Firebug ප්ලගිනය

නිල පිටුවේ දක්වා ඇති පරිදි: “ෆයර්බග් ෆයර්ෆොක්ස් බ්‍රවුසරය සමඟ ඒකාබද්ධ වී සංවර්ධක මෙවලම් කට්ටලය විශාල ලෙස පොහොසත් කරයි. ඔබට ඕනෑම වෙබ් පිටුවක සජීවීව CSS, HTML, සහ Javascript සංස්කරණය කිරීමට, දෝෂහරණය කිරීමට සහ පරීක්ෂා කිරීමට හැකි වනු ඇත." ඇත්ත වශයෙන්ම එයයි. මෙම ප්ලගිනයේ කාර්යයන් කිහිපයක් බලමු, එනම්:

HTML බැලීම සහ සංස්කරණය කිරීම.
CSS ගොඩනැගීම.
ජාල ඉල්ලීම් අධීක්ෂණය
JavaScript නිදොස් කිරීම
JavaScript පර්යේෂණ
JavaScript සඳහා ලොග් වීම

මෙය එහි සියලු හැකියාවන්ගේ සම්පූර්ණ ලැයිස්තුවක් නොවේ. ව්‍යාපෘතිය විවෘත මූලාශ්‍රයක් බැවින්, ඕනෑම කෙනෙකුට ක්‍රියාකාරීත්වය වෙනස් කිරීමට සහ එක් කිරීමට හැකිය.

ප්ලගිනය සමඟ වැඩ කිරීමට, ඔබ F12 යතුර එබිය යුතුය (Ctrl-F12 එය සමඟ වෙනම කවුළුවක වැඩ කිරීමට). සාර්ථක දියත් කිරීමකින් පසු, අපට පහත දේ ලැබේ - රූපය 1a, 1b.

රූපය 1a. ෆයර්බග් ප්ලගිනයේ ආරම්භක කවුළුව.

රූපය 1b. ෆයර්බග් ප්ලගිනයේ ආරම්භක කවුළුව.

ඊළඟට, ප්ලගිනය සමඟ සැබෑ වැඩ ආරම්භ වේ. අපි HTML කේතයේ මෙම හෝ එම වස්තුව සොයා ගැනීමට අවශ්ය යැයි කියමු, නැතහොත් එය නිවැරදිව ක්රියාත්මක කරන්නේ කෙසේද යන්න තීරණය කරන්න CSS භාවිතා කරමින්වත්මන් සුවඳ. මෙය සිදු කිරීම සඳහා, ඔබට මූසිකය සමඟ ප්ලගින කවුළුවේ මෙනුවේ අවශ්ය විකල්ප තෝරා ගැනීමට අවශ්ය වේ. පහත උදාහරණය වන්නේ පරීක්‍ෂණ මාදිලියේ HTML ය. දැන්, ලේඛන පිටුවට ගොස්, මූසික කර්සරය යටතේ අපි වැඩ කරන ප්රදේශය නිදර්ශනය කරමින් සෘජුකෝණාස්රාකාර ප්රදේශයක් දකිනු ඇත. ප්ලගින කවුළුව තුළ අපි භාවිතා කරන HTML සහ CSS පරාමිතීන් දකිනු ඇත. එසේම, එක් එක් ඒවා මත ක්ලික් කිරීමෙන්, ඔබට වෙනස්කම් සිදු කළ හැකි අතර කාලයත් සමඟ ඒවා නිරීක්ෂණය කළ හැකිය. විස්තර කරන ලද ක්රියාවන් රූප 2,3,4 හි දක්වා ඇත.

මෙම ව්‍යාපෘතියේ සංවර්ධනය අතරතුර, ඉහත විස්තර කර ඇති ප්ලගිනය මෙම අරමුණු සඳහා හරියටම භාවිතා කරන ලදී. කෙසේ වෙතත්, මෙහි ජාවා ස්ක්‍රිප්ට් භාවිතා නොකළද, එය දෝශ නිරාකරණය කිරීමට ද ෆයර්බග් ප්ලගිනය භාවිතා කළ හැක. නිදොස්කරණය පිළිබඳ උදාහරණයක් රූප සටහන 5 හි දැක්වේ.

ඉහත විස්තර කර ඇති පරිදි, මෙම දිගුවේ ක්රියාකාරිත්වය මෙයට සීමා නොවේ. Mozilla Firefox ස්ථාපනය කිරීමෙන් පසු ලබා දී ඇති සබැඳි වලින් එය බාගත කිරීමෙන් ඔබට එය සම්පුර්ණයෙන් අධ්‍යයනය කර ඔබගේ අවශ්‍යතා සඳහා භාවිතා කළ හැකිය.

වෙබ් සංවර්ධක ප්ලගිනය

Web Developer යනු දෙවන දිගුවයි Mozilla බ්රවුසරයෆයර්ෆොක්ස් ඉතා ප්‍රබල සහ ක්‍රියාකාරී වන අතර වේගවත් හා කාර්යක්ෂම නිදොස්කරණයට ඉඩ සලසයි. එය ස්ථාපනය කිරීමෙන් පසු, රූප සටහන 6 හි පෙන්වා ඇති බ්‍රව්සර් කවුළුවේ අමතර මෙවලම් තීරුවක් දිස්වනු ඇත.

ප්ලගිනය සමඟ තවදුරටත් වැඩ කිරීම බුද්ධිමත් ය. උදාහරණයක් ලෙස, අපට CSS වැඩ කිහිපයක් කිරීමට අවශ්‍ය නම් (ෆයර්බග් ප්ලගිනය තරම් සම්පුර්ණයෙන්ම ක්‍රියාකාරී නොවූවත්), අපට CSS මෙනුව ක්ලික් කර අගුලු දැමීම, සක්‍රිය කිරීම හෝ අක්‍රිය කිරීම කළ හැක.

විවිධ විභේදන සහිත මොනිටර මත ඔහුගේ ව්‍යාපෘතිය පෙනෙන්නේ කෙසේදැයි බැලීමට සංවර්ධකයාට හැකිවීම ඉතා පහසු වේ. මෙය සිදු කිරීම සඳහා ඔබ Resize ටැබ් එක භාවිතා කළ යුතුය. මෙහිදී ඔබට අතින් සැකසිය හැක අවශ්ය අවසරතිරය (800x600, 1024x768, ආදිය), ඉන්පසු ඒවා අතර නිදහසේ මාරු වන්න, අන්තර්ගතය විශාලනය කරන්න හෝ ඉවත් කරන්න. මෙම ක්‍රියාකාරීත්වය රූප සටහන 7 හි දක්වා ඇත.

මෙම දිගුවට පොහොසත් ක්‍රියාකාරීත්වයක් ද ඇත, ඒවා සියල්ලම විස්තර කර ඇති අතර නිල වෙබ් අඩවි වල ඇත.

භාවිතා කරන ලද මූලාශ්ර ලැයිස්තුව

1. www.getfirebug.com
ඇඩෝනයේ නිල වෙබ් අඩවිය.
2. http://addons.mozilla.org
සඳහා ප්ලගීන ඇති Mozilla හි නිල වෙබ් අඩවිය ෆයර්ෆොක්ස් බ්‍රව්සරය, සංවර්ධකයින් සඳහා තොරතුරු, ප්ලගීන භාවිතා කිරීම පිළිබඳ තොරතුරු.
3. http://chrispederick.com/work/web-developer/
ප්ලගින සංවර්ධක WebDeveloper ගේ නිල වෙබ් අඩවිය.

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

උපදෙස්

Internet Explorer ඔබ පිටු බලන විට පිටුවේ තොරතුරු සංදර්ශන කරන ආකාරය පාලනය කරන සක්‍රිය ස්ක්‍රිප්ට්, ජාවා සහ ActiveX අවහිර නොකරනු ඇත. ගැටලුව නිරාකරණය කිරීමට, ඔබ ඔබේ බ්‍රවුසරයේ ආරක්ෂක සිටුවම් නැවත සකස් කළ යුතුය. මෙය සිදු කිරීම සඳහා, "මෙවලම්" මෙනුවෙහි, "අන්තර්ජාල විකල්ප" තෝරන්න සහ "ආරක්ෂක" ටැබයට යන්න. "පෙරනිමි" බොත්තම ක්ලික් කර "හරි" ක්ලික් කරන්න. දෝෂය ඇති වූ පිටුව නැවත ක්‍රියාත්මක කිරීමෙන් පසුව ගැටලුව ඉතිරිව තිබේ නම්, ඊළඟ ක්‍රමය උත්සාහ කරන්න.

බොහෝ විට, පරිශීලකයන් Internet Explorer (IE) බ්‍රවුසරයේ ස්ක්‍රිප්ට් දෝෂ පණිවිඩයක් දිස්වන තත්වයක් අත්විඳිය හැකිය. තත්වය හුදකලා නම්, කරදර විය යුතු නැත, නමුත් එවැනි දෝෂ නිතිපතා සිදු වන විට, ගැටලුවේ ස්වභාවය ගැන සිතීම වටී.

ඉන්ටර්නෙට් එක්ස්ප්ලෝරර් හි ස්ක්‍රිප්ට් දෝෂයක් සාමාන්‍යයෙන් සිදුවන්නේ බ්‍රවුසරය HTML පිටු කේතය වැරදි ලෙස සැකසීම, තාවකාලික අන්තර්ජාල ගොනු තිබීම, ගිණුම් සැකසුම් සහ වෙනත් බොහෝ හේතු නිසා වන අතර ඒවා මෙම ද්‍රව්‍යයේ සාකච්ඡා කෙරේ. මෙම ගැටළුව විසඳීම සඳහා ක්රම ද සාකච්ඡා කරනු ඇත.

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

ඉන්ටර්නෙට් එක්ස්ප්ලෝරර් සක්‍රීය ස්ක්‍රිප්ට් අවහිර කිරීම, ActiveX සහ Java

Internet Explorer 11 විවෘත කරන්න
සේවය

කවුළුව තුළ, ටැබයට යන්න ආරක්ෂාව
ඊළඟට, බොත්තම ක්ලික් කරන්න පෙරනිමිය, ඉන්පසු බොත්තම හරි

Internet Explorer තාවකාලික ගොනු

Internet Explorer 11 විවෘත කරන්න
බ්රවුසරයේ ඉහළ කෙළවරේ (දකුණ), අයිකනය ක්ලික් කරන්න සේවයගියර් ස්වරූපයෙන් (හෝ යතුරු සංයෝජනය Alt + X). ඉන්පසු විවෘත වන මෙනුවේ, තෝරන්න
කවුළුව තුළ, ටැබයට යන්න පොදු වේ
පරිච්ඡේදයේ බ්රවුසර ඉතිහාසයබොත්තම ක්ලික් කරන්න මකන්න...

කවුළුව තුළ සමාලෝචන ඉතිහාසය මකා දැමීමඅයිතම අසල ඇති කොටු පරීක්ෂා කරන්න තාවකාලික අන්තර්ජාල සහ වෙබ් අඩවි ගොනු, කුකීස් සහ වෙබ් අඩවි දත්ත, සඟරාව
බොත්තම ක්ලික් කරන්න මකන්න

ප්රතිවයිරස මෘදුකාංග ක්රියාත්මක කිරීම

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

HTML පිටු කේතය වැරදි ලෙස සැකසීම

Internet Explorer 11 විවෘත කරන්න
බ්රවුසරයේ ඉහළ කෙළවරේ (දකුණ), අයිකනය ක්ලික් කරන්න සේවයගියර් ස්වරූපයෙන් (හෝ යතුරු සංයෝජනය Alt + X). ඉන්පසු විවෘත වන මෙනුවේ, තෝරන්න
කවුළුව තුළ, ටැබයට යන්න අමතරව
ඊළඟට, කොටුව සලකුණු නොකරන්න සෑම ස්ක්‍රිප්ට් දෝෂයක් සඳහාම දැනුම්දීම පෙන්වන්නසහ බොත්තම ඔබන්න හරි.

ඉන්ටර්නෙට් එක්ස්ප්ලෝරර් හි ස්ක්‍රිප්ට් දෝෂ ඇතිවීමට හේතු වන වඩාත් පොදු හේතු ලැයිස්තුවක් මෙයයි, එබැවින් ඔබ එවැනි පණිවිඩ වලින් වෙහෙසට පත්ව සිටී නම්, ටිකක් අවධානය යොමු කර ප්‍රශ්නය එකවර විසඳා ගන්න.

ඇත්ත වශයෙන්ම, වෙනත් අය සිටිති - මම ඒවා අනිවාර්යයෙන්ම සඳහන් කරමි.

Firefox සඳහා Firebug

ඒක එහෙමද කියලා මම හරියටම දන්නේ නැහැ ගිනි බග්වෙනත් සංවර්ධක මෙවලම්වල මුතුන් මිත්තන්, නමුත් එය අනිවාර්යයෙන්ම වඩාත්ම ජනප්රිය, පහසු සහ ක්රියාකාරී වේ.

ගිනි දෝෂයක් අවුලුවාලීමට, F12 ඔබන්න.

මෙම ඇඩෝනයේ විශේෂාංග:

ගතිකව වෙනස් කරන HTML පරීක්ෂා කිරීම සහ සංස්කරණය කිරීම;
පියාසර කරන CSS සංස්කරණය;
ජාවාස්ක්‍රිප්ට් නිදොස් කිරීම, ස්ක්‍රිප්ට් ක්‍රියාත්මක කිරීම සඳහා විධාන රේඛාව;
ජාල ඉල්ලීම් අධීක්‍ෂණය කිරීම - ඔබට ගොනු සහ ස්ක්‍රිප්ට් වල ප්‍රමාණ සහ බාගැනීම් වේලාවන්, ඉල්ලීම් ශීර්ෂයන් දැකිය හැකිය;
DOM විග්‍රහකය.

ඔබට මෙම හැකියාවන් ගැන විස්තරාත්මකව දිගු කලක් කතා කළ හැකිය, නමුත් අපගේ සියලුම පාඨකයින් ඒවා දන්නා බව මම සිතමි, එසේ නොමැති නම්, සවිස්තරාත්මක තොරතුරු Firebug මුල් පිටුවේ හෝ Ilya Kantor ගේ පරිවර්තනයේ එකම දේ ඇත.

ෆයර්බග් එකට අමතරව, ඔබට එයට ප්‍රයෝජනවත් ඇඩෝනයක් අවශ්‍ය විය හැකිය - FireCookie, එය සමඟ (පුදුම:-) ඔබට කුකීස් බැලීමට සහ වෙනස් කිරීමට හැකිය.

Firefox සඳහා WEB සංවර්ධක මෙවලම් තීරුව

Ognelis සඳහා තවත් ප්රයෝජනවත් එකතු කිරීමක්. එය මෙසේ පෙනේ:

ලක්ෂ්‍යයෙන් බලමු.

අක්රිය කරන්න

ඔබට ජාවාස්ක්‍රිප්ට් අක්‍රිය කිරීමට, හැඹිලි භාවිතය අක්‍රිය කිරීමට ඉඩ සලසයි, එය සංවර්ධනයේදී ඉතා ප්‍රයෝජනවත් වේ (පිටුව නවතම යාවත්කාලීන කිරීම් සමඟ පූරණය වී ඇති බවට සහතික වීමට ඔබට ඉඩ සලසයි), පිටුවේ භාවිතා කර ඇති වර්ණ අවලංගු කර ඒවා සම්මත ඒවා සමඟ ප්‍රතිස්ථාපනය කරන්න. , යොමුකරු ශීර්ෂය යැවීම අක්‍රීය කරන්න (යොමු කිරීම සිදු කළ පිටුව) ).

කුකීස්

CSS

ආකෘති පත්ර

රූප

විස්තර

විවිධ

දළ සටහන

විවිධ පිටු අංග ඉස්මතු කිරීම - වගු, ශීර්ෂයන්, සබැඳි, රාමු, කුට්ටි. ප්‍රතිප්‍රමාණ කිරීම ඔබට ඕනෑම සම්මත තිර දිගුවකට ගැලපෙන පරිදි බ්‍රවුසර කවුළුව ප්‍රමාණය වෙනස් කිරීමට ඉඩ සලසයි. පිටු වලංගු කිරීම සඳහා මෙවලම් විශේෂාංග මෙහි ගබඩා කර ඇත. දේශීය හා බාහිර යන දෙකම. HTML, CSS සහ තවත් දේ වලංගු කිරීම සඳහා පහසු සහ ඉක්මන් ප්‍රවේශය. HTML වලංගු කිරීමට, ඔබට යතුරුපුවරු කෙටිමඟ CTRL+SHIFT+H භාවිතා කළ හැක.

මූලාශ්රය බලන්න

මූලාශ්ර කේතය බලන්න. බාහිර යෙදුමකින් බැලීමේ හැකියාව, උත්පාදනය කරන ලද කේතය බැලීම.

Internet Explorer සංවර්ධක මෙවලම් තීරුව

ෆයර්බග් හි මෙන්, සරල ක්ලික් කිරීමකින් මූලද්රව්යයක් පරීක්ෂා කළ හැකිය. නමුත්, අපට වහාම පිරවුම් සහ මායිම් දැකිය හැකි නම්, මෙහි එවැනි අවස්ථාවක් නොමැත.

Internet Explorer සඳහා Debug DebugBar නිදොස් කරන්න

Internet Explorer සඳහා DebugBar ලබා දී ඇති සබැඳියෙන් බාගත හැකිය.

එහිම රසවත් දිගුවක්. බ්‍රවුසරයට අමතර පුවරුවක් ලෙස ස්ථාපනය කර ඇත:

ඊට අමතරව, පරීක්ෂකයෙක් සිටී:

ඔබ සැකසුම් හාරා බැලුවහොත් ඔබට මෙය සොයාගත හැකිය:

විහිලුයි දුකයි දෙකම.

ඔපෙරා සඳහා DragonFly නිදොස් කරන්න

විශේෂාංග ලැයිස්තුව:

DOM පරීක්ෂක;
ක්ලික් කිරීමෙන් පරීක්ෂා කරන්න (නැවතත්, අපි ෆයර්ෆොක්ස් හි මෙන් ඉන්ඩෙන්ටේෂන් නොදකිමු);
සංස්කරණය කිරීම ;
දෝෂ කොන්සෝලය වෙත ඉක්මන් ප්රවේශය.

සෆාරි හි වෙබ් පරීක්ෂක නිදොස් කරන්න

"සංවර්ධන" මෙනුවෙහි පහත සඳහන් කාර්යයන් අපට ලබා ගත හැකිය:

අපි වෙබ් පරීක්ෂක දෙස සමීපව බලමු:

Safari හි පවා, "ජාල කාලරාමුව" වැනි කාර්යයක් ඇත (පරීක්ෂකයේ "ජාල" බොත්තම):

Google Chrome හි සංවර්ධකයින් සඳහා නිදොස්කරණය

DOM පරීක්ෂක;
javascript debugger;
JavaScript කොන්සෝලය.

ඕනෑම මූලද්‍රව්‍යයක් පරීක්ෂා කිරීම සඳහා, ඔබ එය මත දකුණු-ක්ලික් කර සන්දර්භය මෙනුවේ "මූලද්‍රව්‍ය කේතය බලන්න" තෝරන්න:

"සම්පත්" ටැබය තුළ අපට පහත සඳහන් දෑ දැකිය හැකිය:

මෙම ලිපියෙන් මම වඩාත් ප්‍රසිද්ධ බ්‍රව්සර් දිගු සහ බිල්ට්-ඉන් දෙස බැලුවෙමි.

තවත් ඒවා ඇත, උදාහරණයක් ලෙස:

Internet Explorer WEB Development Helper - ASP.NET සංවර්ධකයින් සඳහා හොඳ සහායකයෙක් (Internet Explorer);
WEB සංවර්ධක මෙවලම් තීරුව - Internet Explorer සහ FireFox සඳහා මෙවලම් තීරුව. ප්රයෝජනවත් විශේෂාංග කිහිපයක් තිබේ;
WEB ප්‍රවේශ්‍යතා මෙවලම් තීරුව - Internet Explorer සඳහා මෙවලම් තීරුව. කිසිම සිත්ගන්නාදෙයක් නැහැ.

ඔබේ සෞඛ්යය සඳහා එය භුක්ති විඳින්න!

Windows 8.1 සහ Windows 7 හි Internet Explorer 11 සම්පූර්ණයෙන්ම ප්‍රතිනිර්මාණය කරන ලද සහ වැඩිදියුණු කරන ලද සංවර්ධක මෙවලම් කට්ටලයක් සමඟ පැමිණෙන්නේ සංවර්ධකයින්ට බහු උපාංග හරහා නවීන වෙබ් අඩවි සහ යෙදුම්වල අත්දැකීම් ගොඩනඟා ගැනීමට, දෝශ නිරාකරණය කිරීමට සහ ප්‍රශස්ත කිරීමට උදවු කිරීමටය. අපි සරලව කෙටිකතාව සඳහා F12 ලෙස හඳුන්වන නව මෙවලම්, ඉක්මනින් සහ කාර්යක්ෂමව වැඩ කිරීමට වෙබ් සංවර්ධකයින්ට හැකියාව ලබා දෙයි.

විෂුවල් ස්ටූඩියෝ සහ ඉන්ටර්නෙට් එක්ස්ප්ලෝරර් කණ්ඩායම් එක්ව F12 මෙවලම් නිර්මාණය කිරීමට එක්ව ක්‍රියා කළ අතර, අර්ථවත් දත්ත භාවිතයෙන් ගැටලුවකින් විසඳුම වෙත ඉක්මනින් ගමන් කිරීමට සංවර්ධකයින්ට උපකාර කිරීමේ මූලධර්මය මත ගොඩනගා ඇත. නව F12 කට්ටලය කාර්ය සාධන ගැටළු හඳුනා ගැනීමට සහ නිරාකරණය කිරීමට මෙවලම් සමඟ වේගවත්, නම්‍යශීලී වෙබ් අත්දැකීමක් ලබා දෙයි, එසේම Internet Explorer වෙබ් යෙදුම් පිරිසැලසුම් කරන ආකාරය සහ විදැහුම් කරන ආකාරය වඩාත් හොඳින් අවබෝධ කර ගැනීමට ඔබට උපකාර කරයි. F12 මෙවලම් නවීන වෙබ් සංවර්ධකයින් විසින් භාවිතා කරන වේගවත්, අන්තර්ක්‍රියාකාරී කාර්ය ප්‍රවාහයට සහය දක්වයි.

විශ්වීය මෙවලම් කට්ටලය

නව F12 කට්ටලය සංවර්ධකයින්ට ගැටලුවෙන් විසඳුම වෙත ඉක්මනින් ගමන් කිරීමට උපකාරී වේ. සමහර ආකර්ෂණීය නව විශේෂාංග ඇතුළත් වේ:

සංවර්ධකයින්ට වේගවත්, ප්‍රතිචාරාත්මක වෙබ් යෙදුම් නිර්මාණය කිරීමට උපකාර කිරීම සඳහා UI ප්‍රතිචාර දැක්වීම සහ මතක පැතිකඩ මෙවලම්.
සජීවී DOM Explorer සහ CSS පරීක්ෂකය පිටුව සමඟ යාවත්කාලීන වන අතර එමඟින් සංවර්ධකයින්ට ගතික අන්තර්ගතය සලකුණු කිරීම සහ මෝස්තරයට බලපාන ආකාරය අන්තර්ක්‍රියාකාරීව ගවේෂණය කළ හැකිය
පිටුව නැවුම් කිරීමකින් තොරව ඉක්මනින් ක්‍රියාත්මක වීමට JavaScript නිදොස්කරණය සබල කරන්න, එවිට සංවර්ධකයින්ට ඉක්මනින් ආරම්භ කළ හැක

ඔබ F12 මෙවලම් භාවිතා කරන විට, ඔබට වේගවත්, අන්තර්ක්‍රියාකාරී කාර්ය ප්‍රවාහයක් සාක්ෂාත් කර ගැනීමට උපකාර වන තවත් බොහෝ වැඩිදියුණු කිරීම් ඔබට පෙනෙනු ඇත:

"චෙක් අයිතමය" භාවිතයෙන් මෙනු අයිතමයක් දකුණු-ක්ලික් කිරීමෙන් මෙම මෙවලම් වෙත ඉක්මනින් ප්‍රවේශ වන්න
ඵලදායි යතුරුපුවරු අන්තර්ක්‍රියා
මෙවලම් වලින් මූලද්‍රව්‍ය සහ සංරචක පිටපත් කිරීමේ පුළුල් හැකියාව, එබැවින් ඒවා අමතර හැඩතල ගැන්වීමකින් තොරව ඕනෑම සංස්කාරකයකට ඇලවිය හැක.

වැදගත්ම දෙය නම්, මෙම මෙවලම් දැන් වඩාත්ම සම්පූර්ණ සහ නිවැරදි තොරතුරු ප්‍රදර්ශනය කිරීමයි - DOM Explorer හි @media සහ!වැදගත් රීතිවල සිට UI ප්‍රතිචාර පැතිකඩෙහි මූලද්‍රව්‍ය පිරිවැය ව්‍යුහය දක්වා. මෙම මෙවලම් සෘජුවම අදාළ දත්ත ද සපයයි; උදාහරණයක් ලෙස, මතක පැතිකඩකරු "සජීවී" නමුත් මාර්ක්අප් හෝ විදැහුම් ගසෙන් යොමු නොකරන DOM නෝඩ් හඳුනා ගනී.

නව F12 කට්ටලය අපගේ සියලුම වෙබ් සංවර්ධන මෙවලම් සහ රාමු හරහා සංවර්ධකයින්ට ස්ථාවර, බාධාවකින් තොර අත්දැකීමක් ලබා දීම සඳහා Visual Studio හි හැකියාවන් පුළුල් කරයි.

දැන් අපි මෙම මෙවලම් ක්‍රියාත්මක වන ආකාරය ඉක්මනින් බලමු.

UI ප්‍රතිචාර විශ්ලේෂකය සමඟ යෙදුම් පැතිකඩ කිරීම

UI ප්‍රතිචාර විශ්ලේෂකය ඔබට CPU කාලය වැය වන්නේ කොතැනද යන්න නිවැරදිව තේරුම් ගැනීමට උපකාර වන අතර එමඟින් ඔබේ යෙදුමට එහි සම්පූර්ණ කාර්ය සාධන විභවය වෙත ළඟා විය හැක. මෙම මෙවලම ඔබට Internet Explorer හි අභ්‍යන්තර ක්‍රියාකාරිත්වය පිළිබඳ අත්‍යවශ්‍ය අවබෝධයක් ලබා දෙයි, HTML, CSS සහ JavaScript කේතයේ ධාවන කාල දෘශ්‍යකරණය මෙන්ම සලකුණු කිරීම සහ කුණු එකතු කිරීම වැනි වැදගත් ආශ්‍රිත බලපෑම් සපයයි. බැලූ බැල්මට, ඔබේ යෙදුම කෙතරම් වේගයෙන් ප්‍රතිචාර දක්වයිද සහ විදැහුම්කරණය කරන්නේද යන්න ඔබට හරියටම දැකගත හැකිය. මෙය ඔබට නිශ්චිත මූලාශ්ර හඳුනා ගැනීමට ඉඩ සලසයි අවහිරතාසහ එහි ප්‍රශස්තකරණය සඳහා වඩාත් අර්ථවත් ප්‍රවේශයක් ගන්න.

වෙබ් අඩවි පැතිකඩ

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

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

ජාවාස්ක්‍රිප්ට් යනු කසළ එකතු කරන ලද පරිසරයක් වුවද, යෙදුම් සාමාන්‍යයෙන් වැඩි මතකයක් පරිභෝජනය කරන්නේ වස්තු යොමු කිරීම් සිදු කර නොමැති (සහ කළ නොහැකි) නිසාය. මතක විශ්ලේෂකය JavaScript වස්තුවක් හෝ DOM වස්තුවක් වේවා පිටුවේ ඇති සෑම වස්තුවක් ගැනම තොරතුරු සැපයීමෙන් මෙම ගැටළු හඳුනා ගැනීමට ඔබට උපකාර කළ හැක. මෙම තොරතුරු සමඟ ඔබට උදාහරණයක් ලෙස, මූලද්‍රව්‍යයක් විසින් කොපමණ මතකයක් රඳවාගෙන ඇත්දැයි බලන්න සහ එහි සංරක්ෂණයට සහාය දක්වන වස්තූන් මොනවාද. නමුත් වඩාත්ම වැදගත් දෙය නම්, ඔබට ස්නැප්ෂොට් දෙකක් සංසන්දනය කර වෙනස් වී ඇති දේ බලන්න. ඔබගේ යෙදුම වැඩි මතකයක් භාවිතා කරන්නේ මන්දැයි තේරුම් ගැනීමට සහ එය නිවැරදි කිරීමට මෙය ඔබට ඉඩ සලසයි.

අබල කළ DOM මූලද්‍රව්‍ය පෙන්වන Heap memory snapshot

කාර්ය සාධන උපකරණ පුවරුව සමඟ යෙදුම් කාර්ය සාධන ගැටළු ඉක්මනින් තේරුම් ගන්න

ඔබේ පිටුවේ ක්‍රියාකාරිත්වයට බලපාන ගැටළු ඉක්මනින් හඳුනා ගැනීමට ඔබට උදවු කිරීම සඳහා, Internet Explorer 11 හි කාර්ය සාධන උපකරණ පුවරුව නමින් පිටුවේ ඇති විජට් එකක් ඇතුළත් වේ, එය Ctrl+Shift+U හෝ මෙවලම් මෙනු අයිතමය (Alt+T) භාවිතයෙන් ප්‍රවේශ විය හැක. විදැහුම්කරණ කාලය, මතකය, තත්පරයට රාමු (fps) සහ CPU භාවිතය වැනි ප්‍රධාන කාර්ය සාධන ප්‍රමිතික සඳහා මෙම පුවරුව Internet Explorer හි සංඛ්‍යාලේඛන ගතිකව සංදර්ශන කරයි. කාර්ය සාධන උපකරණ පුවරුව F12 මෙවලම් භාවිතා කිරීම අවශ්‍ය නොවන අතර නවීන බ්‍රව්සර්වලද භාවිතා කළ හැක.

කාර්ය සාධන උපකරණ පුවරුව සමඟින්, ඔබට රාමුගත පැකිලීමක් හෝ ඉහළ CPU භාවිතයක් ඇති කරන පිටු අන්තර්ක්‍රියා ඉක්මනින් හඳුනාගත හැකිය. එවිට ඔබට ගැටලුව ප්‍රතිනිෂ්පාදනය කිරීමට සහ එයට විසඳුමක් සෙවීමට F12 මෙවලම් වෙත මාරු විය හැක.

DOM Explorer භාවිතයෙන් මූලද්‍රව්‍ය පරීක්ෂා කිරීම සහ සලකුණු සහ මෝස්තර වෙනස් කිරීම

DOM Explorer @media විමසුම් අන්තර්ක්‍රියාකාරීව වින්‍යාස කිරීම පහසු කරයි CSS නීතිසහ ඔවුන්ගේ දේපල. ඒක තමයි පරිශීලක අතුරුමුහුණතඔබගේ යෙදුම ඉතා කාර්යක්ෂම, ප්‍රතිචාරාත්මක, බහු උපාංග අත්දැකීමක් බවට පත් වේ. ඔබට අවශ්‍ය මූලද්‍රව්‍යය දකුණු-ක්ලික් කර පරීක්ෂා කිරීමෙන් ඔබට ඉක්මනින් වෙබ් පිටුවක් ආරම්භ කළ හැක, DOM Explorer හි තෝරාගත් එම මූලද්‍රව්‍යය සමඟ F12 මෙවලම් ක්‍රියාරම්භ කරන, DOM සහ CSS නීති ගතිකව සංදර්ශන කරයි. විදැහුම් කරන ලද DOM සහ CSS වගු ගතික වන අතර, ඉන්ටර්නෙට් එක්ස්ප්ලෝරර් ඔබේ සලකුණු කිරීම, හැඩගැන්වීම් සහ CSS රීති අර්ථකථනය කරන ආකාරය තේරුම් ගැනීමට ඔබට ඉඩ සලසයි. ඔබ පිටුව සමඟ අන්තර් ක්‍රියා කරන විට හෝ DOM Explorer භාවිතයෙන් එය වෙනස් කරන විට, ඔබ කරන වෙනස්කම් වහාම පිළිබිඹු වේ.

සලකුණු කිරීම සහ මෝස්තර පරීක්ෂා කිරීම

CSS වගුවකට වෙනස්කම් සිදු කරන විට, DOM Explorer IntelliSense භාවිතයෙන් දේපලක හෝ දේපලක නිවැරදි වටිනාකම ලබා ගැනීම පහසු කරයි. වැරදි හෝ හඳුනා නොගත් ගුණාංග මොනවාදැයි ඔබට පහසුවෙන් දැක ගත හැක, ඉන්පසු එය ඔබේ මූලාශ්‍රයට නැවත යෙදීමට රීතිය පිටපත් කරන්න.

නිදොස්කරණය සහ කොන්සෝලය භාවිතයෙන් JavaScript නිදොස් කිරීම

නව ජාවාස්ක්‍රිප්ට් නිදොස්කරණය මඟින් කැඩුණු කේතය සොයා ගැනීමට සහ ඉක්මනින් නිවැරදි කිරීමට ඔබට මෙවලම් ලබා දේ. ජාවාස්ක්‍රිප්ට් නිදොස්කරණයට ඔබේ ස්ක්‍රිප්ට් පුස්තකාලය කුඩා කර ඇතත්, බිඳුම් ලක්ෂ්‍ය සහ හෝඩුවාවන් සැකසීමට, ජාවාස්ක්‍රිප්ට් වස්තු, අගයන්, විෂය පථ දාම පරීක්‍ෂා කිරීමට සහ තොගයේ අන්තර්ගතය බැලීමට, බහු ගොනු විවෘත කර පරීක්ෂා කිරීමට හැකිය. ඔබ F12 මෙවලම් ධාවනය කරන විට, ජාවාස්ක්‍රිප්ට් නිදොස්කරණය ද වහාම දියත් කරනු ඇත, එබැවින් ඔබට වහාම ආරම්භ කළ හැක

නිදොස්කරණය කරන විට, ඔබට ඔබේ වෙබ් අඩවිය සමඟ යම් අන්තර්ක්‍රියාකාරිත්වයක් ලබා ගැනීමට අවශ්‍ය වනු ඇත. මෙම කාර්යය ඉටු කිරීම සඳහා ප්රධාන මෙවලම කොන්සෝලය වේ. ඔබට ඕනෑම වේලාවක කොන්සෝලය වෙත ප්‍රවේශ විය හැකි අතර, ඉන්ටෙලිසෙන්ස් සහ වස්තු දෘශ්‍යකරණයන් සමඟ මෙම අන්තර්ක්‍රියාකාරී පරිසරය භාවිතා කිරීම කාර්යක්ෂම කරයි. කොන්සෝලය පුළුල් පරාසයක විශේෂිත API ලබා දෙයි, ඔබට ප්‍රතිදානය ලොග් කිරීමට, නිශ්චිත කේතය තුළ ගත කරන කාලය විශ්ලේෂණය කිරීමට සහ ඔබට JavaScript වස්තු ගැඹුරින් පරීක්ෂා කිරීමට අවශ්‍ය වූ විට වස්තු විදැහුම්කරුවන් සැපයීමට ඉඩ සලසයි.

සාරාංශ ගත

මෙම බ්ලොග් සටහන හුදෙක් F12 මෙවලම්වල නව මූලද්‍රව්‍ය පිළිබඳ දළ සටහනක් සපයයි. ඔබට සොයා ගත හැක සම්පූර්ණ ලැයිස්තුවඅලුත් ක්රියාකාරිත්වය, ඉන්ටර්නෙට් එක්ස්ප්ලෝරර් 11 හි සංවර්ධකයින්ට "F12 මෙවලම්වල අලුත් මොනවාද" සහ "Internet Explorer 11 පෙරදසුන් සංවර්ධක මාර්ගෝපදේශය" තුළ ලබා ගත හැකිය. ඔබට ඉන්ටර්නෙට් එක්ස්ප්ලෝරර් පරීක්ෂණ ආදර්ශනය "F12 Adventure" තුළින්ද වැඩිදුර ඉගෙන ගත හැක.

අපි ඔබේ ප්‍රතිපෝෂණය බලාපොරොත්තු වන අතර සංවර්ධක ප්‍රජාව සමඟ දිගු සම්බන්ධතාවයක් බලාපොරොත්තු වෙමු. Internet Explorer 11 ප්‍රතිපෝෂණ සහ යෝජනා මෙවලම හරහා හෝ Connect අඩවිය හරහා ඔබේ යෝජනා බෙදා ගන්න.

PJ Hough
, උප සභාපති, විෂුවල් ස්ටූඩියෝ

කාණ්ඩයේ ජනප්‍රිය: