Eʻike i ka HTML a me CSS o kekahi Pūnaewele Pūnaewele
Hoʻokumuʻia ka pūnaewele me nā laina o ke code , akāʻo ka hopena, he mauʻaoʻao kiko'ī me nā kiʻi, video, fonts aʻoi aku. No ka hoʻololiʻana i kekahi o ia mau 'elemene aʻike i nā mea i komo i loko, ponoʻoe eʻimi i ke kaha kiko'ī o ke code e mana ia. Hiki iāʻoe ke hana i kēlā mea me kahi mea hana nānā pono.
ʻAʻole hiki i ka hapanui o nā polokalamu kelepona iāʻoe ke hoʻouka i kahi mea hana nānā aiʻole e hoʻouka i kahi mea hoʻokomo. Ma kēnā, ua waiho lākou iāʻoe e kaomi pono-i kaʻaoʻaoʻaoʻao a koho iā Inspect or Inspect Element . Eia naʻe, heʻuʻuku loa ka hana ma kāu polokalamu kele pūnaewele.
Nānā i nā mea hoʻohui i ka Chrome
ʻO nā hua'ōlelo hou loa o Google Chrome, e nānā iāʻoe i kaʻaoʻao ma nāʻanoʻano'ē aʻe, e hoʻohana i nā mea i hoʻohanaʻia i loko o Chrome DevTools:
- E kāomi pono i kahi ma kaʻaoʻao (aiʻole kahi'āpana koho) a koho iā Inspect
- E komo i kaʻaoʻaoʻaoʻaoʻo Ctrl + Shift + I
- E hoʻohana i ka papa inoa Chrome no kaʻikeʻana aku i nā mea hou aku
Na ka Chrome DevTools e hoʻokuʻu iāʻoe e hana i nā mea e like me ke kope a hoʻoponoponoʻana paha i nā laina HTML a hūnā a holoi i nā elemene (a hiki i ka laweʻana o kaʻaoʻao).
Ke hoʻomakaʻia nā DevTools ma kaʻaoʻao o kaʻaoʻao, hiki iāʻoe ke hoʻololi i kahi i hoʻonohoʻia ai, e paʻi iā ia ma waho o kaʻaoʻao, e huli i nāʻaoʻao o nāʻaoʻao a pau, e koho i nāʻenehana mai kaʻaoʻao no ka noiʻi kūʻokoʻa, kope i nā waihona a me nā URL, a me ka hoʻonohonohoʻana i kahi pūpū o nā hoʻonohonoho.
ʻImi i nā mea hoʻohālikelike ma Firefox
E like me Chrome, he mau manawa likeʻole ka Firefox no ka weheʻana i kāna mea i kapaʻiaʻo Inspector:
- E kaomi'ākau i kahi'āpana kikowaena ma kaʻaoʻao a koho i kahi wae, a koho iā Inspect Element
- E kaomi iā Ctrl + Shift + T aiʻole Ctrl + Shift + I me ka keyboard
- Mai ka polokalamu Firefox, e kaomi i Hoʻoponopono > Luna nānā
- Mai ka papa Hana papahana, e kaomi i ka Pūnaewele Hoʻopuka> Luna nānā
Ke hoʻoholoʻoe i kāuʻiole ma luna o nāʻano likeʻole i Firefox,ʻike ka Mea'ImepiliʻIke i kaʻikepili kumu kumu kānāwai. E kaomi i kahi mahele a me ka "search-on-fly" e pau a hiki iāʻoe ke nānā i ka mea mai ka puka o ka LunaʻImi.
E kaomi pono i kahi mea e huli ai i nā mana i kākoʻoʻia. Hiki iāʻoe ke hana i nā mea e like me ka hoʻoponoponoʻana i kaʻaoʻao e like me HTML, kope a paʻu paha i loko o ka HTML pūnaewele waho, e hōʻike i ka DOM mau mea, hoʻopihapihi a holoi i ka node, e maʻalahi i nā pono hou, eʻike i nā CSSʻaoʻao a pau.
E nānā i nā mea hoʻohui iʻOpera
Hiki iāʻOpera ke nānā pono i nā mea pono'ī,ʻo ia ka mea hana DOM Inspector e like me ka Chrome. Eia kahi pehea e hiki ai i laila:
- E hoʻohana i ka pakuhi keyboard Ctrl + Shift + I
- E hoʻololi i ka Menu> Nā mea hana hou aku> Hōʻike i ka papahana hoʻopuka , a laila wehe i ka papa kuhikuhi ma ka Menu> Developer> Developer Tools
- Mai ka'āpana'ākau'ākau ma luna o kekahi māhele ma kaʻaoʻao, koho i ka mea nānā
ʻImi i nā mea hoʻohui i ka Internet Explorer
ʻO kekahi mea hana pūnaewele likeʻole, i kapaʻiaʻo Developer Tools, hiki ke loaʻa ma Internet Explorer:
- E kāomi i F12 ma ka papa keyboard
- E hoʻohana i ka mea koho> F12 Developer Menu koho (paʻi Alt X) ināʻaʻoleʻoe eʻike i ka menu Mea hoʻohana )
- E kaomi'ākau ma kaʻaoʻao a e kaomi i ka nānāʻana i keʻano
He polokalamu IE he kōmike koho ma kēia papahana hou e hiki ai iāʻoe ke kaomi i kekahi o nā palapalaʻaoʻao eʻike i kona mauʻike HTML a me CSS. Hiki iāʻoe ke hoʻopau paʻakikī / hoʻoikaika i kahi hoʻohālikelike i ka wā e hele anaʻoe ma ka pūnaewele DOM Explorer .
E like me nā mea'ē aʻe o nā mākaʻi nānā i nā mea huli ma luna nei, ua hiki iā Internet Explorer keʻoki, kope, a paʻi i nā mea a me ka hoʻoponoponoʻana i nā HTML, e hoʻohui i nāʻano, kope kope i nāʻano i hoʻohuiʻia a me nā mea'ē aku.