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. בעולם הפיתוח באינטרנט, רוב העיצוב הוא לא בדף ה-HTML יותר, זה כבר עבר את ה-CSS ו כלל קובצי JavaScript. 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. הבעיה היא כאשר אתה רוצה להציץ לתוך הקוד של אין דרך ממש פשוטה להציג אותם CSS / JS קבצים.

There's an extension called JSView that will let you easily view the source of included files a couple of different ways. יש הרחבה בשם JSView אשר יאפשר לך להציג בקלות את המקור של קבצים כולל כמה דרכים שונות.

Default Installation Usage שימוש ברירת מחדל התקנה

Once you've installed the extension, you'll see a new option called “View Page Source – JSView”. לאחר שהתקנת את הסיומת, אתה תראה אופציה חדשה בשם "הצג מקור הדף - JSView". It will take you to the same screen as the regular View Page Source dialog will… זה ייקח אותך למסך כמו שיח הרגיל הצג דף המקור יהיה ...

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. עכשיו כאשר אתם נמצאים במסך View Source, על תפריט תצוגה יכיל פריטי תפריט נוספים המאפשרים לך לגשת במהירות קבצים כלל.

Quick Access Context Menu גישה מהירה 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. פתח את המסך אפשרויות JSView מתפריט כלים, ובטל את סימון "השבת תפריטים קופצים JSView" פריט להוסיף את התפריטים נוספת ימינה כברירת מחדל, לחץ על התפריט.

You'll also want to choose “Disable View Page Source – JSView” to disable the redundant JSView item on the menu. מומלץ גם לבחור "View Page Source השבת - JSView" להשבית את הפריט JSView מיותרים בתפריט. Now when you right-click in any page, you can quickly get access to the 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. שים לב כי אם אתה רוצה את החוויה מזערית ביותר, אתה יכול לבחור לבטל את כל האפשרויות ופשוט לגשת לפונקציות מהחלון צפייה בקוד המקור.

Other Options אפשרויות אחרות

You can also choose whether to open in a new window… ניתן גם לבחור אם לפתוח בחלון חדש ...

Or whether to use an external editor… או אם להשתמש בעורך חיצוני ...

This is a really useful extension that has now become part of my זה באמת מועיל כי הסיומת הפכה חלק שלי web development toolkit ערכת פיתוח אינטרנט . .

Download JSView Extension from Mozilla Add-ons הורד JSView הרחבה מ Mozilla Add-ons