From 95aca4b4d8fa62815d4bd412fff1a364f842814a Mon Sep 17 00:00:00 2001 From: Ryan Johnson Date: Thu, 29 Apr 2021 16:16:42 -0700 Subject: remove retired locales (#699) --- files/vi/tools/browser_toolbox/index.html | 58 -------- files/vi/tools/index.html | 212 ----------------------------- files/vi/tools/network_monitor/index.html | 63 --------- files/vi/tools/page_inspector/index.html | 77 ----------- files/vi/tools/remote_debugging/index.html | 99 -------------- 5 files changed, 509 deletions(-) delete mode 100644 files/vi/tools/browser_toolbox/index.html delete mode 100644 files/vi/tools/index.html delete mode 100644 files/vi/tools/network_monitor/index.html delete mode 100644 files/vi/tools/page_inspector/index.html delete mode 100644 files/vi/tools/remote_debugging/index.html (limited to 'files/vi/tools') diff --git a/files/vi/tools/browser_toolbox/index.html b/files/vi/tools/browser_toolbox/index.html deleted file mode 100644 index 6b3a9a7f7f..0000000000 --- a/files/vi/tools/browser_toolbox/index.html +++ /dev/null @@ -1,58 +0,0 @@ ---- -title: Browser Toolbox -slug: Tools/Browser_Toolbox -translation_of: Tools/Browser_Toolbox ---- -

The Browser Toolbox enables you to debug add-ons and the browser's own JavaScript code rather than just web pages like the normal Toolbox.  The Browser Toolbox's context is the whole browser rather than just single page on a single tab.

- -

Note:  If you want to debug a specific add-on that is restartless or SDK-based then try the Add-on Debugger.  Use the Browser Toolbox for add-ons that are neither.

- -

Enabling the Browser Toolbox 

- -
-

The Browser Toolbox is not enabled by default.  To enable it you need to check the settings "Enable chrome and addon debugging" and "Enable remote debugging".

- -

To do this, open the Developer Tools Toolbox's Settings, go to the section "Advanced Settings", and check the settings "Enable browser chrome and add-on debugging toolboxes" and "Enable remote debugging".

- -

Developer Tools Settings

-
- -

Opening the Browser Toolbox

- -

Open the Browser Toolbox through the menu button new fx menu and the menu items "Developer" then "Browser Toolbox". 

- -

From Firefox 39, you can also open it with the Ctrl + Alt +Shift + I  key combination ( Cmd + Opt +Shift + I on a Mac).

- -

You'll then be presented with a dialog like this (this can be removed by setting the devtools.debugger.prompt-connection property to false):

- -

Click OK, and the Browser Toolbox will open in its own window:

- -

You'll be able to inspect the browser's XUL windows and see, and be able to debug, all the JavaScript files loaded by the browser itself and by any add-ons that are running. Altogether you will have access to the following developer tools:

- - - -

Debugging chrome: and about: pages

- -

From Firefox 37 onwards, you can debug chrome: and about: pages using the normal Debugger, just as if they were ordinary content pages.

- -

Targeting a document

- -

In the normal toolbox, there's a button in the toolbar enabling you to target specific iframes in the document. From Firefox 40 onwards the same button appears in the browser toolbox as well, but this lists all the top-level chrome and content windows as well as any iframes they contain. This enables you to inspect documents in individual chrome windows and popups, as well as in content tabs.

- -

For example, here's what the frame selection popup lists when there are two browser windows open, one with one content tab, and one with two:

- -

- -

 

- -

 

- -

 

diff --git a/files/vi/tools/index.html b/files/vi/tools/index.html deleted file mode 100644 index 81f975285d..0000000000 --- a/files/vi/tools/index.html +++ /dev/null @@ -1,212 +0,0 @@ ---- -title: Công cụ dành cho nhà phát triển của Firefox -slug: Tools -translation_of: Tools ---- -
{{ToolsSidebar}}
- -

Firefox Developer Tools là một bộ công cụ dành cho nhà phát triển web được tích hợp trong Firefox. Bạn có thể sử dụng chúng để kiểm tra, chỉnh sửa và gỡ lỗi HTML, CSS, và JavaScript.

- -

Phần này chứa các hướng dẫn chi tiết về tất cả các công cụ cũng như thông tin về cách gỡ lỗi Firefox dành cho Android, cách mở rộng DevTools và cách gỡ lỗi toàn bộ trình duyệt.

- -

Nếu bạn có bất kỳ phản hồi nào về DevTools hoặc muốn đóng góp cho dự án, bạn có thể tham gia cộng đồng DevTools.

- -
-

Lưu ý: Nếu bạn mới bắt đầu phát triển web và sử dụng các công cụ dành cho nhà phát triển, tài liệu kiến thức của chúng tôi sẽ giúp bạn — xem bài viết Bắt đầu với Web và Công cụ dành cho nhà phát triển của trình duyệt là gì? là điểm khởi đầu tốt.

-
- -

Các công cụ cốt lõi

- -

Bạn có thể mở Firefox Developer Tools từ menu bằng cách chọn Tools > Web Developer > Toggle Tools hoặc sử dụng phím tắt Ctrl + Shift + I hoặc F12 trên Windows và Linux, hoặc Cmd + Opt + I trên macOS.

- -

Menu dấu chấm lửng ở phía bên phải của Công cụ dành cho nhà phát triển chứa một số lệnh cho phép bạn thực hiện các hành động hoặc thay đổi cài đặt công cụ.

- -

- - - - - - - - - - - - - - - - - - - - - - - - -
Nút này chỉ xuất hiện khi có nhiều iframe trên một trang. Nhấp vào nó để hiển thị danh sách các khung nội tuyến trên trang hiện tại và chọn khung mà bạn muốn làm việc.
Nhấp vào nút này để chụp ảnh màn hình của trang hiện tại. (Lưu ý: Tính năng này không được bật theo mặc định và phải được bật trong cài đặt trước khi biểu tượng xuất hiện.)
Chuyển sang Chế độ thiết kế tương thích.
Mở menu bao gồm các tùy chọn gắn đế, khả năng hiển thị hoặc ẩn bảng điều khiển phân tách và cài đặt công cụ dành cho nhà phát triển. Menu cũng bao gồm các liên kết đến tài liệu cho Firefox Web Tools và cộng đồng Mozilla.
Đóng công cụ dành cho nhà phát triển
- -
-
-

Trang Trình kiểm tra

- -

The all-new Inspector panel in Firefox 57.

- -

Xem và chỉnh sửa nội dung và bố cục trang. Hình dung nhiều khía cạnh của trang bao gồm mô hình hộp, hoạt ảnh và bố cục lưới.

-
- -
-

Bảng điều khiển Web

- -

The all-new Console in Firefox 57.

- -

Xem thông báo được ghi lại bởi một trang web và tương tác với trang đó bằng JavaScript.

-
-
- -
-
-

Trình gỡ lỗi JavaScript

- -

The all-new Firefox 57 Debugger.html

- -

Dừng, thực hiện từng bước, xem và chỉnh sửa JavaScript đang chạy trong một trang.

-
- -
-

Giám sát mạng

- -

The Network panel in Firefox 57 DevTools.

- -

Xem các yêu cầu mạng được thực hiện khi một trang đang được tải.

-
-
- -
-
-

Công cụ hiệu suất

- -

Performance Tools in Firefox 57 Developer Tools

- -

Phân tích hiệu suất đáp ứng, JavaScript và bố cục chung của trang web của bạn.

-
- -
-

Chế độ thiết kế tương thích

- -

Responsive Design mode in Firefox 57.

- -

Xem trang web hoặc ứng dụng của bạn sẽ trông như thế nào và hoạt động như thế nào trên các thiết bị và loại mạng khác nhau.

-
-
- -
-
-

Trình kiểm tra trợ năng

- -

Performance Tools in Firefox 57 Developer Tools

- -

Cung cấp phương tiện để truy cập cây trợ năng của trang, cho phép bạn kiểm tra những gì còn thiếu hoặc cần chú ý.

-
- -
-

Bảng Ứng dụng

- -

Performance Tools in Firefox 57 Developer Tools

- -

Cung cấp các công cụ để kiểm tra và gỡ lỗi các ứng dụng web hiện đại (còn được gọi là Progressive Web Apps). Điều này bao gồm việc kiểm tra service workers và bản kê khai ứng dụng web.

-
-
- -
-

Lưu ý: Thuật ngữ chung cho giao diện người dùng mà tất cả các Công cụ DevTools tồn tại là hộp công cụ.

-
- -

Nhiều công cụ hơn

- -

Các công cụ dành cho nhà phát triển này cũng được tích hợp sẵn trong Firefox. Không giống như "công cụ cốt lõi ở trên" ở trên, bạn có thể không sử dụng chúng hàng ngày.

- -
-
-
Bộ nhớ
-
Tìm ra những đối tượng nào đang sử dụng bộ nhớ.
-
Trình kiểm tra lưu trữ
-
Kiểm tra cookie, bộ nhớ cục bộ, indexedDB và bộ nhớ phiên có trong một trang.
-
Trình xem thuộc tính DOM
-
Kiểm tra các thuộc tính, chức năng DOM của trang, v.v.
-
Eyedropper
-
Chọn một màu từ trang.
-
Style Editor
-
Xem và chỉnh sửa các kiểu CSS cho trang hiện tại.
-
Tạo ảnh chụp màn hình
-
Chụp ảnh màn hình của toàn bộ trang hoặc của một phần tử đơn lẻ.
-
Đo lường một phần của trang
-
Đo lường một khu vực cụ thể của một trang web.
-
Thước
-
Chồng các thước kẻ ngang và dọc trên một trang web
-
-
- -
-
-

- -

Để có các công cụ và tính năng mới nhất dành cho nhà phát triển, hãy thử Firefox Developer Edition.

- -

Tải xuống Firefox Developer Edition

-
-
- -

Kết nối các công cụ dành cho nhà phát triển

- -

Nếu bạn mở các công cụ dành cho nhà phát triển bằng phím tắt bàn phím hoặc các mục menu tương đương, chúng sẽ nhắm mục tiêu tài liệu được lưu trữ bởi thẻ hiện đang hoạt động. Nhưng bạn cũng có thể đính kèm các công cụ vào nhiều mục tiêu khác, cả trong trình duyệt hiện tại và trong các trình duyệt khác nhau hoặc thậm chí các thiết bị khác nhau.

- -
-
-
about:debugging
-
Gỡ lỗi các tiện ích, nội dung thẻ và worker đang chạy trong trình duyệt.
-
Kết nối với Firefox dành cho Android
-
Kết nối các công cụ dành cho nhà phát triển với một phiên bản Firefox chạy trên thiết bị Android.
-
Kết nối với iframe
-
Kết nối các công cụ dành cho nhà phát triển với một iframe cụ thể trong trang hiện tại.
-
Kết nối với các trình duyệt khác
-
Kết nối các công cụ dành cho nhà phát triển với Chrome trên Android và Safari trên iOS.
-
-
- -

Gỡ lỗi trình duyệt

- -

Theo mặc định, các công cụ dành cho nhà phát triển được đính kèm với một trang web hoặc ứng dụng web. Nhưng bạn cũng có thể kết nối chúng với toàn bộ trình duyệt. Điều này hữu ích cho việc phát triển trình duyệt và tiện ích.

- -
-
-
Bảng điều khiển trình duyệt
-
Xem các thông báo được ghi lại bởi chính trình duyệt và bởi các tiện ích, đồng thời chạy mã JavaScript trong phạm vi của trình duyệt.
-
Hộp công cụ trình duyệt
-
Đính kèm công cụ dành cho nhà phát triển vào chính trình duyệt.
-
-
-
- -

Mở rộng DevTools

- -

Để biết thông tin về cách mở rộng Firefox DevTools, hãy xem Extending the developer tools trong phần Browser Extensions của MDN.

- -

Di chuyển từ Firebug

- -

Firebug đã không còn được hỗ trợ (xem Firebug tồn tại trên Firefox DevTools để biết chi tiết vì sao), và chúng tôi đánh giá cao rằng một số người sẽ thấy việc di chuyển sang một bộ DevTools khác ít quen thuộc hơn là một thách thức. Để dễ dàng chuyển đổi từ Firebug sang các công cụ dành cho nhà phát triển Firefox, chúng tôi đã viết một hướng dẫn hữu ích — Di chuyển từ Firebug.

- -

Đóng góp

- -

Nếu bạn muốn giúp cải thiện các công cụ dành cho nhà phát triển, các tài nguyên này sẽ giúp bạn bắt đầu.

- -
-
-
Tham gia
-
Trang web cộng đồng của chúng tôi giải thích cách tham gia.
-
bugs.firefox-dev.tools
-
Một công cụ giúp tìm ra lỗi để giải quyết.
-
-
diff --git a/files/vi/tools/network_monitor/index.html b/files/vi/tools/network_monitor/index.html deleted file mode 100644 index 41c31b6461..0000000000 --- a/files/vi/tools/network_monitor/index.html +++ /dev/null @@ -1,63 +0,0 @@ ---- -title: Network Monitor -slug: Tools/Network_Monitor -tags: - - Debugging - - Dev Tools - - Firefox - - Guide - - NeedsTranslation - - Networking - - Tools - - TopicStub - - 'l10n:priority' -translation_of: Tools/Network_Monitor ---- -
{{ToolsSidebar}}
- -

The Network Monitor shows you all the network requests Firefox makes (for example, when it loads a page, or due to XMLHttpRequests), how long each request takes, and details of each request.

- -

Opening the Network Monitor

- -

There are a few different ways to open the Network Monitor:

- - - -

The Network Monitor will appear at the bottom of the browser window. Reload the page to see the requests:

- -

- -

The Network Monitor records network requests any time the Toolbox is open, even if the Network Monitor itself is not selected. This means you can start debugging a page in, for example, the Web Console, then switch to the Network Monitor to see network activity without having to reload the page.

- -

UI overview

- -

The UI is divided into four main pieces:

- - - -

- - - -

Performance analysis view

- -

Working with the network monitor

- -

The following articles cover different aspects of using the network monitor:

- - diff --git a/files/vi/tools/page_inspector/index.html b/files/vi/tools/page_inspector/index.html deleted file mode 100644 index a352508200..0000000000 --- a/files/vi/tools/page_inspector/index.html +++ /dev/null @@ -1,77 +0,0 @@ ---- -title: Page Inspector -slug: Tools/Page_Inspector -translation_of: Tools/Page_Inspector ---- -

Sử dụng Page Inspector để kiểm tra và sửa đổi HTML và CSS của một trang web

- -

Bạn có thể kiểm tra tốc độ tải trang trong một bản sao cục bộ của Firefox hay trong một thiết bị từ xa như Firefox OS, Firefox desktop hay Firefox cho Android hoặc thông qua Thunderbird. Xem remote debugging để học cách kết nối đến công cụ phát triển dành cho lập trình viên để thực hiện "remote debugging"

- -
-

Giao diện người dùng

- -

Hướng dẫn sử dụng Inspector, hãy đọc bên dưới hoặc theo liên kết này quick tour of UI

- -

How to

- -

Để tìm hiểu về Inspector, hãy đọc hướng dẫn dưới đây:

- -
-
-
-
Mở Inspector
-
 
-
Kiểm tra và sửa mã HTML
-
 
-
Kiểm tra và sửa box model
-
 
-
Dò tìm và chọn màu sắc
-
 
-
View fonts
-
 
-
Visualize transforms
-
 
-
Use the Inspector API
-
 
-
-
- -
-
-
Select an element
-
 
-
Examine and edit CSS
-
 
-
Examine event listeners
-
 
-
Work with animations
-
 
-
Edit CSS filters
-
 
-
View background images
-
 
-
Use the Inspector from the Web Console
-
 
-
 
-
-
-
- -
-

Reference

- -
-
-
-
Keyboard shortcuts
-
 
-
-
- -
-
-
Settings
-
 
-
-
-
diff --git a/files/vi/tools/remote_debugging/index.html b/files/vi/tools/remote_debugging/index.html deleted file mode 100644 index 1593a3534b..0000000000 --- a/files/vi/tools/remote_debugging/index.html +++ /dev/null @@ -1,99 +0,0 @@ ---- -title: 0Remote Debugging -slug: Tools/Remote_Debugging -translation_of: Tools/Remote_Debugging ---- -

You can use the Firefox developer tools on your desktop to debug code running remotely: in a different process on the same device or on a completely different device. To do this you use Firefox to attach the Toolbox to the remote process, and the Toolbox is then launched in its own window. At the moment the following tools support remote debugging:

- -

This guide explains how to get set up to debug code running in Firefox for Android over USB. The other main application for remote debugging is to debug code running in the Firefox OS Simulator, but that's covered separately, in the Firefox OS Simulator documentation.

-

-

This guide's split into two parts: the first part, "Prerequisites" covers stuff you only need to do once, while the second part, "Connecting", covers stuff you need to do each time you connect the device. 

-

Prerequisites

-

First, you'll need:

- -

ADB setup

-

Next, you'll need to get the desktop and the Android device talking to each other using the adb command-line tool.

-

On the Android device

- -

On the desktop

- -

To check it worked, open up a command shell on the desktop and type:

-
adb devices
-

You should see some output like:

-
List of devices attached
-51800F220F01564 device
-
-

(The long hex string will be different.)

-

If you do, then adb has found your device and you've successfully set up ADB.

-

Enable remote debugging

-

Next, you need to enable remote debugging on both the Android device and the desktop.

-

Firefox for Android 24 and earlier

-

To enable remote debugging on the device, you need to set the devtools.debugger.remote-enabled preference to true.

-

Go to about:config in Firefox for Android, type "devtools" into the search box and press the Search key. You'll see all the devtools preferences. Find the devtools.debugger.remote-enabled preference, and press "Toggle".

-

-

Firefox for Android 25 and later

-

On Firefox for Android 25 and later, there's a menu item to enable remote debugging. Open the menu, select "Settings", then "Developer tools" (on some Android devices you may need to select "More" to see the "Settings" option). Check the "Remote debugging" box:

-

-

The browser will display a notification reminding you to set up port forwarding, which we'll do later on.

-

On the desktop

-

On the desktop, remote debugging is enabled by a setting in the Toolbox. Open the Toolbox, click the "Settings" button in the toolbar, and check "Enable remote debugging" in the Settings tab:

-

- -
-

If you're using a version of Firefox older than 27, you'll need to restart the browser for the setting to take effect.

-
-

You'll then see a new option in the Web Developer menu labeled "Connect...":

-

-

Connecting

-

Now you can connect the remote debugging tools to the device. First, attach the device to the desktop with a USB cable, if you haven't already.

-
-
- On the desktop
-

Go to a command prompt, and type:

- 
adb forward tcp:6000 tcp:6000
-

(If you've changed the value the Android device uses for a debugging port, you'll need to adjust this accordingly.)

-

For Firefox OS, type:

- 
adb forward tcp:6000 localfilesystem:/data/local/debugger-socket
-

You'll need to reissue this command each time you physically attach desktop and device with the USB cable.

-

Then go to the Web Developer menu on Firefox, and select "Connect...". You'll see a page that looks like this:

-

Unless you've changed the port numbers, choose 6000 and press the "Connect" button.

-
-
-
- On the Android device
-

Next you'll see a dialog on the Android device asking you to confirm the connection:

-

Press "OK". The desktop waits for a few seconds to give you time to acknowledge this dialog: if it times out, just press "Connect" in the desktop dialog again.

-
-
-
- On the desktop
-

Next, the desktop shows you a dialog that looks something like this:

-

This is asking whether you want to debug web content running in a browser tab, or to debug the browser code itself.

- -

Let's choose to attach to the mozilla.org website. The Toolbox will open in its own window, attached to the Firefox for Android tab that's currently hosting mozilla.org:

-

-

The Toolbox, and the tools it hosts, work in just the same way as they do when attached to local content.

-
-

 

-

 

-- cgit v1.2.3-54-g00ecf