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. Trong thế giới phát triển web, phần lớn của thiết kế không có trong trang HTML nữa, nó được chuyển sang CSS và Javascript bao gồm các tập tin. 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. Vấn đề là khi bạn muốn tham gia một peek vào mã có thực sự không phải là một cách đơn giản để xem các CSS / JS files.

There's an extension called JSView that will let you easily view the source of included files a couple of different ways. Có một phần mở rộng gọi là JSView sẽ cho phép bạn dễ dàng xem là nguồn gốc của các tập tin bao gồm một vài cách khác nhau.

Default Installation Usage Cài đặt mặc định sử dụng

Once you've installed the extension, you'll see a new option called “View Page Source – JSView”. Một khi bạn đã cài đặt phần mở rộng, bạn sẽ thấy một tùy chọn mới được gọi là "View Page Source - JSView". It will take you to the same screen as the regular View Page Source dialog will… Nó sẽ đưa bạn đến màn hình tương tự như hộp thoại xem thường Nguồn Trang sẽ ...

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. Bây giờ khi bạn đang ở trong màn hình Nguồn View, trình đơn View sẽ chứa các mục menu thêm cho phép bạn nhanh chóng truy cập các tập tin bao gồm.

Quick Access Context Menu Truy cập nhanh 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. Mở màn hình JSView Options từ menu Tools, và bỏ chọn "Disable popup menu jsview" mục để thêm các menu bổ sung cho các mặc định kích chuột phải vào trình đơn.

You'll also want to choose “Disable View Page Source – JSView” to disable the redundant JSView item on the menu. Bạn cũng sẽ muốn chọn "Vô hiệu hoá View Page Source - JSView" để vô hiệu hóa các mục JSView dư thừa trên trình đơn. Now when you right-click in any page, you can quickly get access to the source. Bây giờ khi bạn nhấn chuột phải vào bất kỳ trang nào, bạn có thể nhanh chóng tiếp cận với các nguồn.

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. Lưu ý rằng nếu bạn muốn có kinh nghiệm tối thiểu nhất, bạn có thể chọn để vô hiệu hoá tất cả các lựa chọn và chỉ cần truy cập vào các chức năng từ cửa sổ nguồn xem.

Other Options Tùy chọn khác

You can also choose whether to open in a new window… Bạn cũng có thể chọn để mở một cửa sổ mới ...

Or whether to use an external editor… Hoặc có hoặc không sử dụng một trình soạn thảo bên ngoài ...

This is a really useful extension that has now become part of my Đây là một phần mở rộng thực sự hữu ích mà đã trở thành một phần của tôi web development toolkit Bộ công cụ phát triển web . .

Download JSView Extension from Mozilla Add-ons Tải về JSView Extension từ Mozilla Tiện ích