Hành vi chuỗi lạ với không gian trong Bảng điều khiển Javascript của Chrome

Question

Tôi không thể tạo lại hành vi này trong công cụ đoạn mã SO, nhưng tôi đang gặp một số hành vi thao tác chuỗi khá sôi nổi trong Chrome (v46).

Hãy nhìn vào ảnh chụp màn hình này của giao diện điều khiển Chrome JavaScript:

Để tâm trí của tôi, kết quả của những lát nên ( Here. Đó là, một khung và sau đó ba không gian. Không phải là một khung và sau đó một không gian, đó là những gì nó hiện đang cung cấp cho tôi.

Tôi đã kiểm tra các lệnh tương tự chính xác trong Firefox, mà mang lại kết quả tôi đã mong đợi:

Can bất kỳ một suy nghĩ của một lời giải thích cho sự khác biệt về sản lượng? Tôi có bị dày đặc không?

Cập nhật

Liên quan đến này là một bản sao của this, tôi tin rằng câu hỏi này không có hai điều khác nhau:

• Đó là rõ ràng hơn nhiều trong truy vấn của nó
• Nó hỏi tại sao hiện tượng xảy ra, thay vì cách giải quyết vấn đề

Answer 1

Không có vấn đề gì ctually. Ngay cả khi tôi đã thử với Chrome v46, các khoảng trắng được hợp nhất trong các devtools, có nghĩa là đầu ra/xem trông giống như chỉ có một không gian, nhưng thực tế có 3 ký tự dấu cách. Kiểm tra hình chụp dưới đây.

Answer 2

Đừng đánh lừa bản thân: Hành vi của Chrome là chính xác. Nó chỉ là phông chữ được sử dụng trong giao diện điều khiển gỡ lỗi mà làm cho khoảng trống tiếp giáp dường như mỏng hơn. Bạn có thể chứng minh bằng cách kiểm tra string.slice(1).length.

Answer 3

Đây chỉ là một vấn đề DevTools, mà có lẽ hầu hết đã được giải quyết với các bản vá sau http://src.chromium.org/viewvc/blink?view=revision&revision=201091

Đó là về sụp đổ nhiều ký tự trắng, như render HTML được thực hiện theo mặc định. Các lực lượng vá được đề cập hiển thị bằng cách sử dụng white-space: pre.