Ang tutorial na ito ay inilaan lamang para sa mga gumagamit na nagpapatakbo ng Opera browser sa Windows o Mac operating system. Kung kailangan mong tingnan ang pinagmulan ng pahina sa iba pang mga browser, alamin kung paano sa aming gabay Paano Magtingin sa Source Code ng isang Web Page sa bawat Browser.
Maraming mga kadahilanan sa pagnanais na tingnan ang source code ng web page, mula sa pag-debug ng isang problema sa iyong sariling site sa simpleng pag-usisa. Anuman ang iyong motibo, ginagawang madali ng Opera browser na maisagawa ang gawaing ito. Maaari mong piliin na tingnan ang pinagmulan na ito sa pinakasimpleng anyo nito sa loob ng isang tab ng browser o kumuha ng mas malalim na dive gamit ang mga pinagsamang mga tool ng nag-develop ng Opera. Ipinapakita sa iyo ng tutorial na ito kung paano gawin ang pareho. Una, buksan ang iyong browser ng Opera
Mga Gumagamit ng Windows
Mag-click sa Opera menu button, na matatagpuan sa itaas na kaliwang sulok ng window ng iyong browser. Kapag lumilitaw ang drop-down na menu, i-hover ang iyong mouse cursor sa ibabaw ng Higit pang mga tool pagpipilian. Ang isang sub-menu ay dapat na lumitaw ngayon. Mag-click sa Ipakita ang menu ng nag-develop upang ang marka ng tseke ay mailagay sa kaliwa ng pagpipiliang ito.
Bumalik sa pangunahing menu ng Opera. Mapapansin mo na ngayon ang isang bagong opsyon na matatagpuan direkta sa ibaba Higit pang mga tool na may label na Developer . I-hover ang iyong mouse cursor sa pagpipiliang ito hanggang lumilitaw ang isang sub-menu. Susunod, mag-click sa Tingnan ang mapagkukunan ng pahina . Ang source code para sa aktibong web page ay ipapakita na ngayon sa isang bagong tab ng browser. Maaari mo ring gamitin ang sumusunod na shortcut sa keyboard upang maabot ang puntong ito: CTRL + U
Upang tingnan ang higit pang malalim na mga detalye tungkol sa aktibong pahina at ang kaukulang code nito, piliin ang Mga tool ng developer pagpipilian mula sa Developer sub-menu o gamitin ang sumusunod na shortcut sa keyboard: CTRL + SHIFT + I
Mac OS X at macOS Sierra Users
Mag-click sa Tingnan sa iyong Opera menu, na matatagpuan sa tuktok ng screen. Kapag lumilitaw ang drop-down na menu, piliin ang Ipakita ang Menu ng Developer . Ang isang bagong pagpipilian ay dapat na idaragdag sa iyong menu ng Opera na may label na Developer . Mag-click sa susunod na opsyon na ito, at kapag lumilitaw ang drop-down na menu na pinili Tingnan ang Pinagmulan . Maaari mo ring gamitin ang sumusunod na shortcut sa keyboard upang maisagawa ang pagkilos na ito: Command + U
Ang isang bagong tab ay dapat na makita ngayon, na nagpapakita ng source code ng kasalukuyang pahina. Upang pag-aralan ang parehong pahina gamit ang dev toolset ng Opera, mag-click sa unang Developer sa menu ng browser sa tuktok ng iyong screen. Kapag lumilitaw ang drop-down na menu, piliin ang Mga Tool ng Developer pagpipilian.