Làm cách nào để biết khách truy cập trang web của tôi đang sử dụng LastPass hoặc các trình quản lý mật khẩu khác?

Tôi muốn đảm bảo khách truy cập vào trang web của tôi có trải nghiệm tốt nhất có thể vì vậy tôi muốn họ có thể sử dụng LastPass và các Trình quản lý mật khẩu khác.

Có cách nào để xác định xem khách truy cập của tôi có đang sử dụng một trong các plugin này hay không?

Vâng.

Người dùng có thể cài đặt LastPass làm plugin trình duyệt. Do đó, bạn có thể dựa vào các ngôn ngữ kịch bản phía máy khách để kiểm tra xem LastPass đã được cài đặt chưa.

Chẳng hạn, việc sử dụng NavigatorPlugins.pluginscho phép bạn lấy một PluginArrayđối tượng, liệt kê các plugin được cài đặt trong ứng dụng:

function getLastPassVersion() {
  var lastpass = navigator.plugins['LastPass'];
  if (lastpass === undefined) {
    // LastPass is not present
    return undefined;
  }
  return lastpass.version;
}

Cũng lưu ý rằng những gì bạn đang yêu cầu thường được triển khai và sử dụng bởi các công nghệ vân tay của trình duyệt .

Có cách nào để xác định xem khách truy cập của tôi có đang sử dụng một trong những plugin này hay không và cách tốt nhất để hỗ trợ nó?

Cho đến nay, cách tốt nhất để hỗ trợ người quản lý mật khẩu là sử dụng <form>các thẻ thông thường và một hình thức bình thường. Nếu bạn không làm gì thông minh, thì trình quản lý mật khẩu sẽ thực hiện công việc của nó.

Hầu hết các trình quản lý mật khẩu này đều dựa trên plugin trình duyệt và hoạt động bằng cách điền vào các trường biểu mẫu và kích hoạt gửi biểu mẫu như thể ueer nhấn nút gửi, đến máy chủ, nó xuất hiện dưới dạng gửi biểu mẫu bình thường, không có cách nào để biết liệu nó có đến từ một quản lý mật khẩu.

Bạn có thể sử dụng Javascript để phát hiện tốc độ gõ trong trường tên người dùng / mật khẩu. Một tỷ lệ biến cho thấy ai đó đang gõ nó bằng tay trong khi tốc độ không đổi hoặc thậm chí không có tổ hợp phím nào (sao chép-dán) có nghĩa là ai đó đang sử dụng trình quản lý mật khẩu.

Để trả lời câu hỏi thực tế, một cách để phát hiện xem người dùng có đang sử dụng Lastpass hay không là cung cấp một số loại trường đăng nhập và sử dụng jQuery hoặc tương tự để xem Lastpass có chèn "hình nền" mà nó chèn vào các trường đăng nhập mà nó có thể tự động điền hay không.

Đây là một ví dụ về trường nhập email, tất cả nội dung trong thẻ kiểu đã được Lastpass thêm vào:

<input type="text" class="form-control" id="inputEmail" placeholder="Email" style="cursor: pointer; background-image: url(&quot;data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAASCAYAAABSO15qAAAAAXNSR0IArs4c6QAAAPhJREFUOBHlU70KgzAQPlMhEvoQTg6OPoOjT+JWOnRqkUKHgqWP4OQbOPokTk6OTkVULNSLVc62oJmbIdzd95NcuGjX2/3YVI/Ts+t0WLE2ut5xsQ0O+90F6UxFjAI8qNcEGONia08e6MNONYwCS7EQAizLmtGUDEzTBNd1fxsYhjEBnHPQNG3KKTYV34F8ec/zwHEciOMYyrIE3/ehKAqIoggo9inGXKmFXwbyBkmSQJqmUNe15IRhCG3byphitm1/eUzDM4qR0TTNjEixGdAnSi3keS5vSk2UDKqqgizLqB4YzvassiKhGtZ/jDMtLOnHz7TE+yf8BaDZXA509yeBAAAAAElFTkSuQmCC&quot;); background-attachment: scroll; background-size: 16px 18px; background-position: 98% 50%; background-repeat: no-repeat;" autocomplete="off">

Đây có thể không phải là cách hiệu quả nhất để phát hiện nếu người dùng đang sử dụng Lastpass, nhưng nó chắc chắn hoạt động :)