What is the translation of " DEVTOOLS " in English?

• devtools

Examples of using Devtools in Vietnamese and their translations into English

Nhấn F12 để mở Devtools.
Press F12 to open up DevTools.

Chuyển đến DevTools Settings.
Go to the DevTools Settings.

Bấm F12 để mở Chrome DevTools.
In Chrome, press F12 to open the DevTools.

Chrome DevTools là gì?
What's new in Chrome DevTools?

Bạn có thể làm rất nhiều với DevTools CSS inspector.
You can do a lot with the DevTools CSS inspector.

Trên bảng Elements của Chrome DevTools, bên cạnh tab Style, sẽ có tab computed được tìm thấy.
In the Elements panel of the Chrome DevTools, right next to the Styles tab you will find another tab called Computed.

Và sau đó bao gồm code sau đây bên trong tập tin devtools. js.
And then include the following code inside the devtools. js file.

Bạn có thể chạy Lighthouse trong Chrome DevTools, từ command line hoặc dưới dạng mô- đun Node.
You can run Lighthouse against any page in Chrome DevTools, from the command line, or as a Node module.

DevTools cung cấp cho các nhà phát triển web quyền truy cập vào nội bộ của trình duyệt và ứng dụng web của họ.
The DevTools provide web developers deep access into the internal browser and their web application.

Các trang web sử dụng các phiên bản này sẽ bắt đầu thấy cảnh báo không dùng nữa trong bảng điều khiển DevTools trong bản phát hành đó.
Sites using these versions will begin to see deprecation warnings in the DevTools console in that release.

Redux DevTools giúp dễ dàng theo dõi khi nào, ở đâu, tại sao và làm thế nào ứng dụng của bạn thay đổi trạng thái.
The DevTools of the Redux assists in tracing where, when, how and why the state of the application has changed.

Như bạn có thể thấy thì bạn có thể sử dụng DevTools của Chrome cho SEO theo nhiều cách mà bạn sẽ có khả năng dành thời gian với chúng.
As you can see, you can use Chrome DevTools for SEO in so many ways that you will likely spend some time in it.

React DevTools for Chrome là tiện ích mở rộng cho Chrome Developer Tools và cho phép bạn kiểm tra bậc cấp của component.
React DevTools for Chrome is an extension for Chrome Developer Tools and allows you to check the level of the component.

Lưu ý: đưa con trỏ chuột hover qua thành phần ảnh trong Chrome DevTools sẽ tiết lộ cả kích cỡ“ hiển thị” và kích cỡ“ tự nhiên” của ảnh.
Note: Hovering over the image element in Chrome DevTools reveals both the"natural" and"display" sizes of the image asset.

DevTools có thể giúp bạn chẩn đoán vấn đề một cách nhanh chóng, điều này giúp bạn xây dựng trang web tốt hơn, nhanh hơn.
DevTools can help you edit pages on-the-fly and diagnose problems quickly, which ultimately helps you build better websites, faster.

Bạn có thể sử dụng GTmetrix, WebPageTest hoặc Chrome DevTools để xem trang web của bạn tải nhanh như thế nào qua kết nối di động 2G hoặc 3G.
You can utilize GTmetrix, WebPageTest, or Chrome DevTools to see how fast your site loads over a 2G or 3G mobile connection.

Ngoài ra, React hoạt động với bộ công cụ Redux rộng hơn, bao gồm Reselect, thư viện bộ chọn cho Redux và Redux DevTools Profiler Monitor.
Additionally, React works with a wider Redux toolset, which includes Reselect, a selector library for Redux, and the Redux DevTools Profiler Monitor.

WebIDE cũng cho phép bạn kết nối Firefox Devtools tới nhiều trình duyệt web khác chẳng hạn như Safari( iOS), Firefox( Android) và Chrome( Android).
WebIDE also allows you to connect Firefox Devtools to many other web browsers such as Safari(iOS), Firefox(Android) and Chrome(Android).

Mutation không thể xử lý code không đồng bộ, vì việc này sẽ không thể tạo bản ghi và theo dấu các thay đổi trong những công cụ gỡ lỗi như Vue DevTools.
Mutations cannot execute asynchronous code, because this would make it impossible to record and track the changes in debug tools like Vue DevTools.

Bảng điều khiển phông chữ mới trong Firefox DevTools cho phép các nhà phát triển truy cập nhanh vào tất cả thông tin họ cần về các phông chữ được sử dụng trong một phần tử.
The new fonts panel in Firefox DevTools gives developers quick access to all of the information they need about the fonts being used in an element.

Khi sử dụng gói Node, bạn cũng sẽ thấy rằng có một vài cuộc kiểm toán chỉ hoạt động trong môi trường Node chứ không phải trong bảng Audits của DevTools.
When using the Node package, you will also see that there are a couple of audits that only work in a Node environment and not in the Audits panel of the DevTools.

Bạn có thể làm điều này với mục“ Search” trong DevTools của Chrome, mà bạn có thể truy cập bằng cách nhấn Ctrl+ Shift+ F( trong Windows) or Cmd+ Opt+ F( trong Mac) khi mở DevTools.
You can do this with Chrome's DevTools“Search” drawer, which you can access by hitting Ctrl+ Shift+ F(Windows) or Cmd+ Opt+ F(Mac) when DevTools is open.

DevTools của Chrome có thể rất hữu ích trong quá trình di chuyển HTTPS, khi nó cho phép bạn xác định các vấn đề an toàn trong bất cứ trang web nào với thông tin được cung cấp trong thanh công cụ“ Security”.
Chrome DevTools can be very helpful during HTTPS migrations, as it allows you to identify security issues in any page with the information provided in the“Security” panel.

Đoạn code tiếp theo là một kết nối lâu dài với tab devtools( hoàn toàn không cần thiết phải sử dụng một kết nối lâu dài cho việc này, tôi thực hiện nó chỉ cho mục đích nghiên cứu).
The next snippet is a long-lived connection with the devtools tab(it's not absolutely necessary to use a long-lived connection for this, I did it just for educational purposes).

Lựa chọn này có thể được hiện thị bằng cách nhấn chuột vào biểu tượng thiết bị ở vùng trên bên trái của thanh công cụ hoặc tổ hợp Command+ Shift+ M( trong Mac) or Ctrl+ Shift+ M( trong Windows, Linux) khi DevTools được mở.
This option can be enabled by clicking the device icon in the upper left-hand area of the panel or by pressing Command+Shift+M(Mac) or Ctrl+Shift+M(Windows, Linux) while the DevTools panel is open.

Nếu bạn xem cấu trúc của một ứng dụng React bằng React DevTools bạn sẽ thấy“ wrapper hell”( lồng nhau nhiều lớp) của các component bọc bởi các lớp của provider, consumer, higher- order component, render prop, và các abstraction khác.
If you look at a typical React application in React DevTools, you will likely find a“wrapper hell” of components surrounded by layers of providers, consumers, higher-order components, render props, and other abstractions.

Dù nhiều trong số chúng ta trong ngành đã trả hàng trăm hoặc thậm chí hàng ngàn cho phần mềm SEO giúp cho việc tự động hóa và đơn giản hóa công việc hàng ngày của ta, chúng ta đã có một trong những công cụ SEO tiện dụng nhất trên thị trường với công cụ dành cho nhà phát triển( DevTools) của Chrome.
Although many of us in the industry pay hundreds or even thousands for SEO software that helps to automate and simplify our everyday work, we already have one of the most handy free SEO tool sets in the market with Google Chrome's DevTools.

Không có hỗ trợ DevTools trong Chrome cho phép tôi mô phỏng chế độ tối được đặt( I hear it' s coming), vì vậy tôi đã tạo một lớp CSS đơn giản mà tôi có thể thêm vào phần tử HTML của mình để nhanh chóng kiểm tra nó hoạt động( như được thấy bên dưới).
There was no DevTools support in Chrome that let me emulate dark-mode being set(I hear it's coming), so I created a simple CSS class that I could add to my HTML element to quickly test it working(as seen below).

Sau khi cài đặt React DevTools, bạn có thể nhấp chuột phải vào bất kì phần tử nào trên trang, chọn“ Kiểm tra phần tử”(“ Inspect”) để mở công cụ dành cho nhà phát triển, React tabs(“ ⚛ ️ Components” và“ ⚛ ️ Profiler”) sẽ xuất hiện ở tabs cuối cùng bên phải.
After installing React DevTools, you can right-click on any element on the page, click“Inspect” to open the developer tools, and the React tabs(“⚛️ Components” and“⚛️ Profiler”) will appear as the last tabs to the right.