Lưu ý: Ứng dụng mạng internet Explorer 11 trên laptop sẽ chấm dứt hoạt động và xong xuôi hỗ trợ vào trong ngày 15 tháng 6 năm 2022 (để biết list có hầu như nội dụng trong phạm vi, hãy xem câu hỏi thường gặp). Các ứng dụng cùng site IE11 mà chúng ta sử dụng lúc này có thể mở vào một nasaconstellation.com Edge với chính sách Internet Explorer. Bài viết liên quan tại đây.

Bạn đang xem: Samsung galaxy f12


Giới thiệu về bạn dạng cập nhật này

Để phát triển những website tuyệt vời, bạn cần có chuyên môn mã hóa, cũng giống như các công cụ phù hợp để tìm cùng gỡ lỗi những vấn đề khó né khỏi đề xuất xén. Phiên bản cập nhật này cung ứng những nâng cao đáng kể cho các công cụ của nhà phát triển F12, bao hàm cả những tính năng và bản sửa lỗi mang đến F12 UI, bảng điều khiển, DOM explorer, Trình gỡ lỗi, điều khoản Emulation, Độ nhạy của UI và dụng cụ điền cỗ nhớ. 


Thay đổi so với giao diện người dùng F12

Biểu tượng và thông tin mới hình tượng cho công cụ bộ nhớ lưu trữ và cỗ hồ sơ đã thay đổi. Giờ đồng hồ đây, có những chỉ báo trên thanh biểu tượng về lỗi trong Bảng điều khiển, chuyển đổi trong setup Emulation và so với phiên điền hiện tại hoạt trong các công cụ bộ nhớ, Profiler cùng Độ đánh giá UI. Hình ảnh sau trên đây hiển thị các biểu tượng mới kèm theo thông báo trên hình tượng công cố Bảng tinh chỉnh và cỗ nhớ, cho thấy thêm rằng tất cả hai lỗi Bảng điều khiển được hiển thị với một phiên Điền bộ lưu trữ hiện đang rất được thực hiện: Trình

*

Dẫn hướng hết sức tập hòa hợp F6 vào công cụSu dùng F6 giống như cách sử dụng phím Tab để dẫn hướng bao phủ một công cụ, tuy nhiên nó "tab" thông sang một tập hợp các thành phần thường được sử dụng nhất đã lựa chọn trong một ngăn chế độ chứ chưa phải qua toàn bộ các mục rất có thể chọn. Đây là một trong những phần của hệ thống tổng thể gọn gàng hơn để thực hiện bàn phím nhằm dẫn phía trong với giữa những công cụ.

Di đưa tới lui giữa những công nuốm được sử dụng gần đây bằng bàn phímBạn rất có thể sử dụng Ctrl + < để dịch rời lùi trong lịch sử vẻ vang dẫn hướng nguyên tắc và CTRL + > để tiến, giống như như mũi tên lùi cùng tiến khi bạn duyệt.

Truy nhập nhanh vào cơ chế tài liệuN danh sách thả xuống mới được thêm vào phía bên trên cùng của giao diện có thể chấp nhận được bạn tróc nã nhập vào cơ chế tài liệu từ bất kỳ công nuốm nào, bởi vậy chúng ta không cần đổi khác công cụ.

*

Thay đổi trong bảng điều khiển

Console.timeStamp()Khi được call từ Bảng tinh chỉnh hoặc vào mã, Console.timeStamp() đã xuất tới Bảng điều khiển số phần ngàn giây nhưng tab trình duyệt bây giờ đã mở. Nếu phiên này được hotline là trong khi chạy phiên điền với giải pháp Phản hồi UI, nó sẽ tạo nên ra dấu người tiêu dùng trên đường thời hạn của phiên cùng rất tem thời gian dựa bên trên thời gian kể từ lúc phiên bắt đầu.

Ctrl + L đã xóa bảng điều khiển của tất cả thư

Tự cồn hoàn tất bao gồm xácCấu phần tự động hoàn vớ của Bảng điều khiển không còn bao hàm các ở trong tính chỉ mục nữa. Điều này sẽ tạo nên ra lựa chọn tự động hoàn tất gọn gàng hơn và đúng chuẩn hơn.$, $$, $x, $0-$5 với $_ sẽ được chế tạo danh sách tự động hóa hoàn vớ bảng điều khiển và tinh chỉnh để thuận tiện, đồng thời, giúp hành vi của Bảng điều khiển đồng nhất hơn với các trình ưng chuẩn khác.

Chỉ báo thư cũN nếu bạn đã chọn tắt tùy chọn Xóa lúc dẫn hướng, thì các thông tin bảng điều khiển cũ hơn có khả năng sẽ bị xám các hình tượng của chúng sẽ giúp phân biệt giữa thư mang đến trang hiện nay hoạt và thư từ các trang trước trong lịch sử dân tộc của bạn.

*

Các biến hóa trong DOM Explorer

Thay đổi thanh trong phòng Được tính toánCộng đổi khác thanh (các màu khác nhau cho nằm trong tính đã nuốm đổi, thuộc tính vẫn thêm và thuộc tính đang xóa) mà người tiêu dùng đã thưởng thức ngăn Kiểu giờ đây xuất hiện trong phòng Kiểu được xem toán.

*

Gỡ lỗi cố gắng đổi

Chỉ định phiên bản đồ nguồn click chuột phải vào tab của tài liệu trong Trình gỡ lỗi và chúng ta có thể chỉ định phiên bản đồ nguồn. Điều này giúp chúng ta cũng có thể sử dụng phiên bản đồ nguồn cùng rất mã được đi lại đã loại bỏ chú thích phiên bản đồ nguồn.

*

Tự đụng hoàn tất trong WatchesNow, khi chúng ta thêm đồng hồ, các tùy chọn tự động hóa hoàn tất được đề xuất cho bạn.

*

Kiểm tra giá trị trả vềKhi xén một hàm có mức giá trị trả về, hãy bước vào hàm cho đến khi chúng ta bước đến dấu đóng góp chốt. Giá trị trả về sẽ được hiển thị vào phần toàn thể của phòng Theo dõi. Tiến hành lại công đoạn này và giá trị sẽ tiến hành trả về mã được gọi là mang lại mã đó.Để minh họa nhanh, thử mã này vào Bảng điều khiển:

function showval() var x = 0; x++; debugger; return x; showval(); Hàm sẽ gọi là hàm, ngắt trên trình gỡ lỗi và chúng ta có thể bước vào hàm để xem cực hiếm trả về.

Chọn các điểm dừngCtrl + bấm, Shift + bấm và hoàn toàn có thể sử dụng Ctrl + A để chọn những điểm ngừng trong ngăn Điểm dừng.

Tiếp tục và bỏ qua mất dấu ngắtPress F5 để thường xuyên đến dấu ngắt tiếp theo. Duy trì F5 để thường xuyên qua nhiều ngắt cho đến khi các bạn nhả F5.

Điểm ngắt sự kiện với điểm theo dõi Này vận động tương từ bỏ như những điểm ngắt với điểm theo dõi đang có trong các công nạm F12, cơ mà thay bởi được kích hoạt khi 1 khối mã ví dụ được thực thi, bọn chúng được kích hoạt khi 1 sự kiện rõ ràng kích hoạt. Mỗi bộ lọc có điều kiện tùy chọn để giúp đỡ bạn thu thon phạm vi của nó vào trường hợp rõ ràng của sự kiện mà bạn có nhu cầu kiểm tra. Chúng rất có thể được thêm vào bằng cách sử dụng thêm điểm theo dõi sự kiện cùng Thêm hình tượng điểm ngắt sự kiện được tô sáng trong hình ảnh sau đây:

*

Thay đổi nguyên tắc Độ nhạy cảm UI

Phiên năng suất nhập/xuấtBạn không cần phải tạo lại trường vừa lòng kiểm tra của chính mình mỗi khi bạn muốn phân tích tài liệu mà nó tạo thành hoặc share dữ liệu kia với đồng nghiệp. Biểu tượng nhập (thư mục) và xuất (ổ đĩa) trên thanh biểu tượng của hiện tượng Phản hồi UI chất nhận được bạn lưu ảnh tức thời bộ lưu trữ của mình vào trong 1 tệp có thể được nhập sau này.

Xem trước ảnhNêu bạn đã thấy một yêu mong HTTP dành cho một hình hình ảnh và từ bỏ hỏi sẽ là hình hình ảnh nào thì hình ảnh giờ đã được xem trước trong cụ thể sự kiện.

*

Lọc sự kiệnTheo thanh lọc sự kiện nhỏ tuổi nhưng dạn dĩ mẽ. Ẩn phía sau nút đó là 1 trong menu được cho phép bạn lọc các sự kiện theo nhiều phương pháp và mỗi phương pháp có tác động đáng kể:

Bộ thanh lọc tên sự kiện: thanh lọc tên sự kiện bất kỳ có chứa công dụng khớp mang đến văn bản bộ lọc.

Bộ lọc chuyển động giao diện tín đồ dùng: Sử dụng những hộp kiểm, bạn cũng có thể loại trừ các danh mục sự kiện lớn để giúp đỡ dễ triệu tập hơn vào khu vực bạn vẫn điều tra. Ví dụ: nếu như bạn chỉ suy xét hoạt rượu cồn mạng, bạn có thể lọc tất cả sự nhiễu của UI với tuyển tập rác.

Bộ lọc ngưỡng thời gian: nhân tài này lọc ra những sự kiện ở mức tối đa dưới một mili giây trong thời gian thực hiện. Trong vô số nhiều tình huống, điều đó làm đơn giản và dễ dàng hóa đáng kể dạng coi thác nước và khiến cho bạn tập trung vào những sự khiếu nại có ảnh hưởng hơn.

*

Sự khiếu nại mã lệnh HTML5N nếu như bạn sử dụng trình nghe tầm nã vấn phương tiện đi lại hoặc MutationObservers,giờ đây chúng ta cũng có thể xác định các chi phí tương ứng khi chúng ta chạy phiên điền hiệu năng.

*

Nhóm size Nút giữa list thả xuống thu xếp theo và menu lọc sự khiếu nại sẽ gửi nhóm Khung. Điều này sẽ nhóm những sự kiện mức tối đa vào đối kháng vị công việc tương ứng của bọn chúng (hay "khung") trong tầm thời gian ra mắt hoạt hình hoặc update hình ảnh. Form được cách xử lý như những sự khiếu nại khác, bởi vậy bạn có thể sắp xếp và lọc khung và cung cấp bạn dạng tóm tắt thời gian bao gồm.

*

Số đo của bạn dùngNnêu bạn áp dụng API performance.mark() để thêm hình tam giác vào đường thời gian để cho thấy sự kiện ví dụ xảy ra làm việc đâu, API performance.measure() sẽ không ngừng mở rộng tính hữu dụng của dấu hiệu suất. áp dụng performance.measure() để chế tạo một sự khiếu nại User measure bao hàm thời gian thân hai sự kiện performance.mark(), sau đó click chuột phải vào sự kiện, rồi thực hiện tùy tinh lọc để sự kiện để chỉ chọn các sự kiện giữa hai dấu.

*

Màu cho DOM nhân tài này thêm màu cho những thành phần DOM, ký tự chuỗi và ký tự số. Xung quanh việc khiến cho nội dung trong các công vậy F12 khác nhau trông và hoạt động giống nhau hơn, nó còn giúp cho nguyên lý Độ nhạy cảm của giao diện người tiêu dùng thêm quan tâm.

Tóm tắt lựa chọnKhi chúng ta chọn một trong những phần đường thời gian, ngăn chi tiết sự kiện đang hiển thị bắt tắt của vùng chọn. Di loài chuột qua những phân đoạn khác nhau của biểu đồ vòng tròn cho một mip vẻ ngoài với thể nhiều loại sự khiếu nại của phân đoạn.

*

Hỗ trợ đến console.timeStamp()Sử dụng phương pháp console.timeStamp() vào mã của khách hàng hoặc vào bảng điều khiển và tinh chỉnh trong phiên điền sẽ tạo nên dấu người dùng trên đường thời gian có thời gian kể từ lúc phiên lưu hồ bắt đầu.

Thay đổi hiện tượng bộ nhớ

Công nạm gập Vành khuyên chi tiết giúp đơn giản và dễ dàng hóa nội dung của ảnh chụp nhanh bằng phương pháp loại quăng quật các đối tượng khỏi các dạng coi mức tối đa là các thành phần lô-gic của đối tượng người tiêu dùng khác (ví dụ: vào , Phạm vi được giữ do một Hàm) và thường là những bỏ ra tiết bổ sung cập nhật không nâng cao thông tin nâng cao về tài liệu nhưng hoàn toàn có thể làm lãng phí thời hạn của bạn. Ví dụ: hình ảnh sau đây hiển thị dạng xem trước cùng sau dạng xem, bộc lộ sự đặt ra sự thống tốt nhất hoặc sự gập lại của yếu tố này sẽ nâng cấp "câu chuyện" mà phương pháp đang nói. Dạng coi gập hiển thị 30 thành phần HTML , chỉ chiếm 15,64 megabyte (MB) bộ lưu trữ và thường xuyên giữ để thay đổi các nút DOM đã túa rời. Trong vô số trường hợp, điều đặc biệt quan trọng là cần biết tổ phù hợp của một đối tượng, cho đến lúc chỉ dễ dàng biết rằng nó quá to hoặc thất thoát (đặc biệt là khi sử dụng thư viện của mặt thứ ba).

*

Màu của DOM, Chuỗi và chữ Số tài năng này thêm màu cho các thành phần DOM, ký tự chuỗi và ký kết tự số. Quanh đó việc làm cho nội dung trong các công cố gắng F12 khác nhau trông và chuyển động giống nhau hơn, nó còn làm cho việc phân tích bộ nhớ trở buộc phải thú vị hơn về khía cạnh trực quan.

Lọc vòng tròn gốcWant để có thể điều tra cấu trúc của một đối tượng người tiêu dùng mà ko vô tình bị mất trong băng thông tham chiếu vòng? nhân kiệt này phát hiện các tham chiếu con là tham chiếu vòng và "cắt tỉa" bọn chúng để chúng ta không bị bồn chồn khi chuyển chúng thành vô cực. Ko kể ra, nó chú thích những tham chiếu này để cụ thể khi gồm tham chiếu được "cắt tỉa".

Phiên nhập/xuấtBạn không cần phải sao lại trường hợp kiểm tra của chính bản thân mình mỗi lần bạn có nhu cầu phân tích tài liệu mà nó tạo thành hoặc share dữ liệu đó với đồng nghiệp. Hình tượng nhập (thư mục) với xuất (ổ đĩa) bên trên thanh biểu tượng của Công cụ bộ lưu trữ cho phép bạn lưu hình ảnh tức thời bộ lưu trữ của mình vào một tệp hoàn toàn có thể được nhập sau này.

Xem thêm: Vẽ Biểu Đồ Đường Biểu Hiện Tổng Nợ Nước Ngoài Của Nhóm Nước Đang Phát Triển Qua Các Năm

*

Thay đổi hình thức mô phỏng

Cài đặt độ bền và đặt lại hình tượng cài đặt Emulation cố định được thêm vào qui định Emulation. Làm việc này sẽ gia hạn cài đặt mô phỏng hiện tại của bạn cho tới khi được vô hiệu hóa hóa cố gắng thể. Điều này cho phép bạn làm cho việc, đóng trình duyệt, rồi trở lại với các cài đặt mô phỏng của người sử dụng còn nguyên vẹn. Ở bên phải biểu tượng này là hình tượng Đặt lại thiết lập Emulation, biểu tượng này sẽ mau lẹ đặt lại giải pháp về quý giá mặc định.

*