Unsaon Pagtan-aw ug Pag-analisar sa Tinubdan sa Pahina sa Opera Web Browser

Kini nga panudlo gitumong lamang alang sa mga tiggamit nga nagpadagan sa Opera browser sa Windows o Mac operating system. Kon kinahanglan nimo nga tan-awon ang tinubdan sa panid sa ubang mga browser, tun-i kon giunsa sa atong giya Unsaon Pagtan-aw sa Source Code sa usa ka Web Page sa Matag Browser .

Adunay daghang mga rason alang sa pagtan-aw sa source code sa web page, gikan sa pag-debug sa usa ka suliran sa imong kaugalingong site ngadto sa yano nga pagkamausisaon. Bisan unsa ang imong motibo, ang Opera browser naghimo nga sayon ​​sa pagtuman niini nga buluhaton. Makapili ka sa pagtan-aw niini nga tinubdan sa labing sukaranan nga porma sulod sa usa ka tab sa browser o sa mas lawom nga pagsabwag uban ang integrated nga mga gamit sa developer nga Opera. Gipakita niini nga tutorial kung unsaon pagbuhat sa duha. Una, ablihi ang imong browser sa Opera

Mga Gumagamit sa Windows

I-klik ang button sa menu sa Opera , nga nahimutang sa ibabaw nga bahin sa wala nga bahin sa window sa imong browser. Sa diha nga makita ang drop-down menu, hover ang imong mouse cursor sa More options tool . Ang usa ka sub-menu kinahanglan nga makita karon. I-klik ang Show developer menu aron ang usa ka check mark gibutang sa wala sa kini nga kapilian.

Pagbalik sa main menu sa Opera. Namatikdan nimo karon ang usa ka bag-ong opsyon nga nahimutang sa ubos sa More nga mga himan nga gimarkahan Developer . Ibutang ang imong cursor sa mouse ibabaw niini nga opsyon hangtud nga makita ang usa ka sub-menu. Sunod, i-klik ang View source page . Ang source code alang sa aktibong web page ipakita na karon sa usa ka bag-ong browser tab. Mahimo usab nimo gamiton ang mosunod nga shortcut sa keyboard aron maabot kini nga punto: CTRL + U

Aron makita ang dugang nga detalyado nga mga detalye mahitungod sa aktibong panid ug ang katugbang nga kodigo, pilia ang opsyon sa mga Developer tools gikan sa sub-menu sa Developer o gamiton ang mosunod nga keyboard shortcut: CTRL + SHIFT + I

Mac OS X ug macOS Sierra Users

I-klik ang View sa imong Opera nga menu, nga nahimutang sa ibabaw sa screen. Sa diha nga makita ang drop-down menu, pagpili sa Show Developer Menu . Ang usa ka bag-ong kapilian kinahanglan nga idugang sa imong menu sa Opera nga gi-label nga Developer . I-klik kini nga opsyon sa sunod, ug sa diha nga ang drop-down nga menu mopakita sa pagpili View Source . Mahimo usab nimo gamiton ang mosunod nga shortcut sa keyboard aron sa pagbuhat niini nga aksyon: Command + U

Ang bag-ong tab kinahanglan nga makita karon, nga nagpakita sa source code sa panid. Aron analisahon kining sama nga panid uban sa Dev toolset sa Opera, una i-klik ang Developer sa menu sa browser sa ibabaw sa imong screen. Sa diha nga makita ang drop-down menu, pilia ang opsyon sa Mga Tool sa Developer .