In the web development world, most of the design isn't in the page HTML anymore, it's been moved to the included CSS and Javascript files. Sa mundo ng web development, karamihan ng disenyo ay wala sa pahina ng HTML anymore, ito ay inilipat na sa kasama CSS at Javascript file. The problem is that when you want to take a peek into the code there's not a really simple way to view those CSS/JS files. Ang problema ay na kung nais mong gumawa ng isang sulyap sa ang code sa may hindi isang tunay na simpleng paraan upang tingnan ang mga CSS / JS file.

There's an extension called JSView that will let you easily view the source of included files a couple of different ways. May karugtong na tinatawag na JSView na nagpapahintulot sa inyo na madaling makita ang pinanggalingan ng mga file na kasama ng isang pares ng mga iba't-ibang paraan.

Default Installation Usage Default na Pag-install ng Paggamit

Once you've installed the extension, you'll see a new option called “View Page Source – JSView”. Kapag nai-install mo ang extension, makakakita ka ng isang bagong opsyon na tinatawag na "Page View Source - JSView". It will take you to the same screen as the regular View Page Source dialog will… Ito ay magdadala sa iyo sa parehong bilang ng screen sa regular na dialog Tingnan Page Source ay ...

Now when you are in the View Source screen, the View menu will contain extra menu items that let you quickly access the included files. Ngayon, kapag ikaw ay nasa screen ang View Source, ang Tingnan ang menu ay naglalaman ng labis na mga aytem na menu na nagpapahintulot sa inyo na mabilis na ma-access ang kasama ng mga file.

Quick Access Context Menu Quick Access Context Menu

Open up the JSView Options screen from the Tools menu, and uncheck the “Disable jsview popup menus” item to add the extra menus to the default right-click menu. Buksan ang screen JSView Options mula sa menu ng Tools, at alisin ang tsek sa "disable jsview popup menu na" item upang magdagdag ng karagdagang mga menu na ang default na i-right click menu.

You'll also want to choose “Disable View Page Source – JSView” to disable the redundant JSView item on the menu. Makikita mo rin ang nais na piliin ang "disable Tingnan Page Source - JSView" upang huwag paganahin ang kalabisan JSView item sa menu. Now when you right-click in any page, you can quickly get access to the source. Ngayon, kapag ikaw ay i-right click sa kahit anong pahina, maaari kang makakuha ng mabilis na access sa source.

Note that if you want the most minimal experience, you could choose to disable all the options and simply access the functions from the view source window. Tandaan na kung nais mo ang pinaka-kaunti karanasan, maaari kang pumili upang huwag paganahin ang lahat ng mga opsyon at i-access ang mga function mula sa window view source.

Other Options Iba pang Opsyon

You can also choose whether to open in a new window… Maaari ka ring pumili kung magbubukas sa bagong window ...

Or whether to use an external editor… O kung gumamit ng isang panlabas na editor ...

This is a really useful extension that has now become part of my Ito ay isang tunay na kapaki-pakinabang na extension na ngayon ay magiging bahagi ng aking web development toolkit web development toolkit . .

Download JSView Extension from Mozilla Add-ons I-download ang JSView extension mula sa Mozilla Magdagdag-on