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 pindutan ng menu ng Opera , 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 opsyon sa tool . Ang isang sub-menu ay dapat na lumitaw ngayon. Mag-click sa Ipakita ang menu ng nag-develop upang ang isang check mark ay mailagay sa kaliwa ng pagpipiliang ito.
Bumalik sa pangunahing menu ng Opera. Mapapansin mo ngayon ang isang bagong pagpipilian 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 pinagmulang 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 keyboard shortcut upang maabot ang puntong ito: CTRL + U
Upang tingnan ang higit pang mga detalyadong detalye tungkol sa aktibong pahina at kaukulang code nito, piliin ang opsyon na Mga tool ng Developer mula sa sub-menu ng Developer o gamitin ang sumusunod na keyboard shortcut: CTRL + SHIFT + I
Mac OS X at macOS Sierra Users
Mag-click sa View 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 piliin ang 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 Dev, i-click muna sa Developer sa menu ng browser sa tuktok ng iyong screen. Kapag lumilitaw ang drop-down na menu, piliin ang pagpipilian ng Mga Tool ng Developer .