Pehea eʻike ai i ka HTML Source ma Google Chrome

E aʻo pehea e kūkuluʻia ai kahi pūnaewele ma ka nānāʻana i kāna kumu kumu

I koʻu hoʻomakaʻana i kaʻuʻoihana ma keʻano he mea hana pūnaewele, ua aʻo nui au i ka nānāʻana i ka hana a nā mea hana'ē aʻe aʻu i mahalo nui ai. ʻAʻole wau wale nō i kēia. Ināʻoe i hou i kaʻoihana pūnaewele a iʻole kekahi mea hōʻalo wikiwiki, nānā i ka punaewele HTML o nā pūnaewele pūnaewele'ē aʻe kahi mea āu e hana ai i nā manawa he nui ma luna o kāu hana.

No nā mea hou i ka pūnaewele pūnaewele, nānā i ka wae kumu kumuhana o kahi pūnaewele kahi o nā ala maʻalahi eʻike ai pehea i hanaʻia ai kekahi mau mea i hiki ai iāʻoe ke aʻo mai kēlā hana a hoʻomaka e hoʻohana i kekahi code a i nāʻano hana i kāu hana pono'ī. E like me ka hanaʻana o kekahi pūnaewele pūnaewele i kēia lā,ʻo ka mea paha i noho ma laila mai ka wā kahiko o kaʻoihana, a he pai pale e haʻi aku iā lākou uaʻike lākou i nā HTML wale nō ma ka nānāʻana i ka pūnaewele o nā pūnaewele iʻike aʻikeʻia e. Ma waho aʻe o ka heluheluʻana i nā puke hoʻolālā pūnaewele a iʻole e hele i nāʻaha kūikawā , nānā ka nānāʻana i kahi pūnaewele kumuhana o kahi pūnaewele maikaʻi loa no nā mea hoʻomaka e aʻo i ka HTML.

Ua 'oi aku ma mua o ka HTML

Hoʻokahi mea e hoʻomanaʻo ai, hiki i nā waihona punaewele ke paʻakikī (aʻo ka paʻakikī o ka pūnaewele āu e nānā nei,ʻo ka paʻakikī o kēia pūnaewele). Ma waho aʻe o ka pae HTML i kūkulu i kaʻaoʻao āu e nānā nei, aia ma CSS kekahi mau pepa kiʻi e hōʻike i kaʻikeʻike o kēlā pūnaewele. Eia hou, mau pūnaewele i kēia lā e komo pūnaewele hōʻoia me ka HTML.

Loaʻa paha he mau moʻomanaʻo pūnaewele i komo,ʻoiaʻiʻo,ʻo kēlā me kēia mea e mana ana i nāʻano likeʻole o ka pūnaewele. ʻO Frankly, hiki ke hoʻololi i kahi palapala kumu pūnaewele o kahi pūnaewele,ʻoiai inā he houʻoe no ka hanaʻana i kēia. Mai hōʻoluʻoluʻoe ināʻaʻole hiki iāʻoe keʻike i nā mea e hana nei me kēlā pūnaewele. ʻO ka nānāʻana i ka waihona HTMLʻo ia wale nō ka hana mua i kēia kaʻina hana. Me kaʻike iki iki, e hoʻomaka anaʻoe eʻike maopopo i ka holoʻana o kēia mau'āpana i ka pūnaewele āu iʻike ai i kāu polokalamu kele pūnaewele. I kouʻikeʻana i ka laulā, e hiki iāʻoe ke aʻo hou mai i ia mea aʻaʻole he mea hōʻeha iāʻoe.

Peheaʻoe e nānā ai i ka pūnaewele kumuhana o kahi pūnaewele? Eia nā kuhikuhi o kēlā me kēia kapuaʻi e hana pēlā ma ka hoʻohanaʻana i ka polokalamu kele pūnaewele Google Chrome.

E piʻi i kēlā me kēia kuhikuhi

  1. E wehe i ka pūnaewele pūnaewele Google Chrome (ināʻaʻoleʻoe i hoʻonohonohoʻia ma Google Chrome,ʻo ia ka'enehi loaʻa).
  2. E hoʻololi i ka pūnaewele e makemake anaʻoe e nānā .
  3. E kaomi pono i kaʻaoʻao a nānā i ka menu e hōʻikeʻia. Mai kēlā papa, e kaomi i ka pūnaeweleʻaoʻao .
  4. E hōʻikeʻia ka wae kumu no kēlāʻaoʻao e like me kahi hōkeo hou ma ka polokalamu kele pūnaewele.
  5. A eia kekahi, hiki iāʻoe ke hoʻohana i nāʻaoʻao pōkole o CTRL + U ma ka PC e wehe i ka puka makani me kahi palapala kumu pūnaewele i hōʻikeʻia. Ma luna o ka Mac, pono kēia pokokoko i + Alt + U.

Developer Mea Hana

Ma waho aʻe o ka māmāʻike o nāʻaoʻao ma kaʻike pūnaewele Google Chrome, hiki iāʻoe ke hoʻohana pū i kā lākou maikaʻi Developer Tools eʻeli iho i loko o kahi pūnaewele. Na kēia mau mea hana eʻaeʻole eʻike i nā HTML wale nō, akā,ʻo ka CSS hoʻi e pili ana i nāʻike i loko o kēlā palapala HTML.

E hoʻohana i nā mea hana papahana o Chrome:

  1. E wehe i ka Google Chrome .
  2. E hoʻololi i ka pūnaewele e makemake anaʻoe e nānā .
  3. E kaomi i ka hiʻona me nā lainaʻekolu ma kaʻaoʻao'ākau i luna o ka puka makani.
  4. Mai ka papa, e hoʻokuʻu i nā meahana'ē aʻe a laila kaomi i nā mea hoʻopukapuka ma ka papa kuhikuhi eʻikeʻia ana.
  5. E wehe kēia i ka puka e hōʻike ana i ka code source HTML ma ka hema o ke pane a me ka CSS pili i ka'ākau.
  6. Eia kekahi, inā e pāhiloliʻoe i kahi māhele ma kahi pūnaewele a koho iā Inspect from the menu that appears, e hoʻopiliʻia nā mea hoʻomohala o Chrome aʻo ka mea pono āu i wae ai e hoʻonuiʻia i ka HTML me ka CSS e hōʻikeʻia ana i ka'ākau. He mea kōkua nui kēia inā makemakeʻoe e aʻo hou e pili ana i ka hanaʻana o kekahi wahi kiko'ī o kahi kahua.

Ke nānā nei i ke kānāwai kumu kānāwai?

I loko o nā makahiki, ua nui kaʻu mau mea hoʻolaha pūnaewele hou e nīnau inā paha eʻaeʻia ka nānāʻana i ka wae kumu kumuhana o kahi pūnaewele a hoʻohanaʻia ia no kā lākou aʻoʻana a ma hope no ka hana a lākou e hana ai. ʻOiai ke kopeʻana i ke kikowaena o ka papahana o ka pae a me ka weheʻana aku iāʻoe ma luna o kahi kahua kūponoʻaʻole e'āponoʻia, ma ka hoʻohanaʻana i kēlā code e like me kahi papa kiʻi e aʻo mai ai,ʻo ia ka nui o nā hana i hanaʻia ma kēiaʻoihana.

E like me kaʻu i'ōlelo ai i ka hoʻomakaʻana o kēiaʻatikala, e paʻakikī loaʻoe eʻike i kahi mea hana pūnaeweleʻoihana i kēia lā iʻikeʻole i kekahi mea ma kaʻikeʻana i kahi punaewele o kahi pūnaewele! ʻAe,ʻikeʻia ka nānāʻana i ka pūnaewele kumuhana. ʻO ka hoʻohanaʻana i kēlā code e like me kahi mea e kūkulu ai i kahi mea like, he maikaʻi. Lawe i ka code like-a me ka heleʻana aku i kāu hana kahi kahi e hoʻomaka aiʻoe e hālāwai me nā pilikia.

I ka hopena, ua aʻo mai nā meaʻoihana pūnaewele mai kekahi i kekahi a hoʻomaikaʻi pinepine i ka hana a lākou iʻike ai a hoʻouluʻia e, no laila mai kānalua e nānā i ke kumu kumu pūnaewele a hoʻohanaʻia e like me he mea hana hoʻonaʻauao.