Ano ang Dapat Malaman
-
Sa Safari: Mag-right click sa isang webpage at piliin ang Inspect Element.
- Sa Chrome, maaari mong i-right click at i-click ang Inspect.
- Para paganahin ang feature sa Safari: Safari > Preferences > Advanced > Ipakita ang Develop menu sa menu bar box.
Itinuturo sa iyo ng artikulong ito kung paano siyasatin ang elemento ng website sa Mac. Tinitingnan nito kung paano ito gagawin sa pamamagitan ng Safari at Google Chrome.
Paano Mo Ginagamit ang Inspect Element Feature sa Mac?
Bago suriin ang mga elemento sa Mac kapag gumagamit ng Safari, kailangan mong paganahin ang menu ng developer sa loob ng browser. Narito ang isang pagtingin sa kung paano ito i-on at kung ano ang gagawin upang suriin ang isang elemento.
Kung nakikita mo ang Develop sa pagitan ng Mga Bookmark at Window, pinagana na ang Menu ng Developer, at maaari kang lumaktaw sa hakbang 4.
Paggamit ng Inspect Element Feature sa Safari
Narito kung paano gamitin ang Inspect Element sa Safari, ang default na browser sa mga Mac computer.
-
Sa Safari, i-click ang Safari > Preferences.
Image -
I-click ang Advanced.
Image -
I-click ang Ipakita ang Develop menu sa menu bar at isara ang window.
Image - Kapag nagba-browse ng website, mag-right click sa item na gusto mong suriin.
-
Click Inspect Element.
Image -
Maaari mo na ngayong tingnan ang code sa likod ng website na iyong siniyasat.
Image
Paggamit ng Inspect Element Feature sa Chrome sa Mac
Kung ginagamit mo ang Chrome sa halip na Safari sa iyong Mac, mas madaling tingnan ang isang elemento dahil hindi na kailangang i-enable ang feature. Narito ang dapat gawin.
- Sa Chrome, mag-browse sa isang website.
- I-right click sa elementong gusto mong suriin.
-
Click Inspect.
Image -
Maaari mo na ngayong tingnan ang code sa isang side window sa Chrome.
Image
Bakit Hindi Ko Ma-inspeksyon sa Aking Mac?
Maaaring hindi mo masuri ang isang elemento sa iyong Mac kung hindi mo pinagana ang menu ng Developer sa loob ng Safari. Narito ang isang paalala kung paano ito gagawin.
-
Sa Safari, i-click ang Safari > Preferences.
Image -
I-click ang Advanced.
Image -
I-click ang Ipakita ang Develop menu sa menu bar at isara ang window.
Image
Paano Gumawa ng Mga Pagbabago sa Website sa pamamagitan ng Pag-inspeksyon sa Element
Bukod sa pagpapahintulot sa iyong tingnan ang code sa isang website, posible ring pansamantalang baguhin ang anumang elemento ng website sa pamamagitan ng Inspect Element. Narito kung paano gawin ito sa pamamagitan ng Safari.
Ang proseso ay halos kapareho sa ibang mga browser.
- Kapag nagba-browse ng website, mag-right click sa item na gusto mong suriin.
- Click Inspect Element.
- Double click sa text sa code para gawin itong mae-edit.
- Tanggalin ito o maglagay ng bagong string ng text.
- I-tap ang Enter.
- Ang code ay pansamantalang binago ngayon para lamang sa iyong kapakinabangan.
Bakit Mo Gustong Gamitin ang Inspect Element Feature?
Ang kakayahang mag-inspeksyon ng isang elemento ay nakakatulong sa maraming dahilan.
- Para palitan ang code sa mabilisang. Maaaring pansamantalang baguhin ng mga taga-disenyo ng website ang mga bagay sa isang website upang makita kung paano nakakaapekto ang mga pagbabago sa mga bagay.
- Para tingnan ang code. Maaaring tingnan ng mga taga-disenyo at mga tao sa marketing ang code para kumpirmahin na naroon ang mga bagay tulad ng mga detalye ng Google Analytics.
- Upang tingnan ang mga larawan nang hiwalay sa isang site. Kung hindi ka pinapayagan ng isang site na magbukas ng larawan sa isang bagong tab o window, ginagawang posible ang pagtingin sa elemento.
-
Tinker. Ang pagtingin sa code ng isang web page ay makakatulong sa iyong maunawaan kung ano ang iyong nakikita, na maalis ang misteryo kung ano at bakit kung ano ang nangyayari sa site na iyong kinaroroonan. Ito ay tulad ng paghiwalay ng isang appliance upang makita kung paano ito gumagana, ngunit walang mga turnilyo na mawawala sa kasong ito.
FAQ
Legal ba ang pag-inspeksyon ng website?
Oo. Gayunpaman, kung plano mong gumamit ng anumang code o mga asset mula sa isang website, tiyaking makipag-ugnayan sa may-ari at magdagdag ng tala sa copyright.
Paano ko kokopyahin ang HTML mula sa isang website na may inspect element?
Sa Chrome, i-right click ang page at piliin ang Inspect, pagkatapos ay pumunta sa itaas na seksyon at i-right click ang tag (hal.). Piliin ang Copy > Copy outerHTML, pagkatapos ay i-paste ang code sa isang text o HTML file.
Maaari ko bang kopyahin ang CSS mula sa isang website na may inspect element?
Oo. I-right-click ang elementong gusto mong kopyahin at piliin ang Inspect. Mag-right click sa naka-highlight na code at piliin ang Copy > Copy styles.
Paano ko makikita ang aking mga naka-save na password gamit ang inspect element?
Upang ipakita ang mga nakatagong password, i-right-click ang text box ng password at piliin ang Inspect. Sa naka-highlight na seksyon, hanapin ang type=”password” at palitan ang password ng text. Mayroong mas madaling paraan para ipakita ang lahat ng iyong password sa Chrome.
