Làm cách nào để các trang web chặn chọn văn bản và làm cách nào để bỏ chặn điều đó?

Có một trang web ( ví dụ ) bằng cách nào đó chặn việc chọn văn bản. Ngoài ra, nó chặn Ctrl+ Ađể chọn mọi thứ, cũng không có bản sao Copy nào trong menu bật lên.

Những gì tôi đã thử:

Một số trang web sử dụng JavaScript để chặn lựa chọn. Vì vậy, tôi đã vô hiệu hóa tất cả các nguồn JavaScript trong addon không có script trong Firefox. Tôi đã thử cùng một trang web trong Google Chrome với addon Script Safe. Đảm bảo rằng mọi thứ đều bị chặn, vẫn không thể chọn văn bản. Con trỏ chuột vẫn là một mũi tên và không phải là con trỏ văn bản trên toàn bộ trang web.

Được sử dụng about:configđể vô hiệu hóa hoàn toàn JavaScript trong Firefox. Vẫn không có tác dụng.

Tôi đọc được rằng một số trang web sử dụng DIV với màn hình hiển thị kiểu: vì vậy tôi đã sử dụng Inspect để kiểm tra các kiểu của trang web. Không có một đề cập nào về "khối" trên toàn bộ trang web, không phải trong CSS nhúng cũng như trong kiểu đối tượng = -attribut.

Văn bản không phải là hình ảnh hoặc flash hoặc một số canvas canvas. Mọi thứ đều nằm trong thẻ DIV và P nhưng không tìm thấy kiểu nào có thể chặn lựa chọn văn bản.

Làm thế nào trang web vẫn có thể chặn bất kỳ lựa chọn văn bản? Không đề cập đến lý do tại sao các trình duyệt hỗ trợ các hành vi như vậy cả. Tôi chỉ muốn sử dụng một từ hoặc câu đã chọn và muốn tìm kiếm google cho nó bằng cách nhấp chuột phải. Thật khó chịu khi một trang web làm những việc như vậy và buộc tôi phải nhập các thuật ngữ và tên kỹ thuật vào google bằng tay. Nó làm xáo trộn quy trình làm việc của tôi.

https://www.angst-panik-hilfe.de/angst-panik.css cho thấy:

body{-webkit-user-select:none;-moz-user-select:-moz-none;
-ms-user-select:none;user-select:none}

Vì vậy, hiệu ứng đó áp dụng cho toàn bộ thẻ BODY.

Tài liệu về CSS này: Mozilla Developer Site: user-select .

Bạn có thể có thể ghi đè lên điều này bằng cách xóa kiểu trong Công cụ dành cho nhà phát triển (nhấn F12trong Firefox hoặc Chrome) - thậm chí bạn có thể tạo một applet JavaScript mà sau khi đầu tư thời gian để thiết lập kiểu này, có thể xóa kiểu đó với ít nỗ lực tức thì hơn phần của bạn (có thể là tiết kiệm thời gian nếu bạn có kế hoạch truy cập trang web nhiều lần).

Tôi cũng muốn thêm ghi chú này: Đây có thể không phải là cách duy nhất để có ít nhất một số hiệu ứng đó. Một cách khác có thể là có một DIVtrang bìa vô hình DIVcó văn bản. Theo cách đó, con trỏ chuột sẽ không biến thành tia I (con trỏ văn bản) vì con trỏ sẽ dựa trên nội dung của phần lớn nhất DIV. ( Ctrl- Acó lẽ sẽ bao gồm văn bản đó, mặc dù.)

Thật khó chịu khi một trang web làm những việc như vậy và buộc tôi phải nhập các thuật ngữ và tên kỹ thuật vào google bằng tay. Nó làm xáo trộn quy trình làm việc của tôi.

Amen! Khi thấy điều này, tôi thất vọng về sự tồn tại của một kiểu CSS như vậy đang được các trình duyệt chính triển khai. Những điều như vậy là khá khó chịu, thực sự!

Như đã được nêu, cài đặt user-select: nonetrong CSS của trang là những gì vô hiệu hóa lựa chọn văn bản trên một trang. Cách dễ nhất để loại bỏ khối chọn văn bản đó là thông qua tập lệnh người dùng như sau ghi đè cài đặt:

// ==UserScript==
// @name         Force Select
// @version      1.0
// @description  Stop sites from disabling selection of text
// @author       You
// @match        *://*/*
// @grant        none
// ==/UserScript==

(function() {
  'use strict';

  let style = document.createElement('style');
  style.innerHTML = '*{ user-select: auto !important; }';

  document.body.appendChild(style);
})();

Lưu ý: Điều này sẽ áp dụng cho mọi trang nếu được bật, điều này có thể không được mong muốn trong mọi tình huống.

Tập lệnh có thể được cài đặt và dễ dàng bật / tắt bằng trình quản lý tập lệnh người dùng như Violentmonkey , Tampermonkey hoặc Greasemonkey .

Mở các công cụ dành cho nhà phát triển (F12), thay đổi tab Tab và bỏ chọn các quy tắc CSS sau trong phần thân :

• người dùng chọn: không có;
• webkit-user-select: none;

Với Firefox, có một cách thực sự dễ dàng:

View > Page Style > No Style

Trong tiếng Đức:

Ansich > Webseiten-Stil > Kein Stil

Nó cũng hoạt động tuyệt vời để tải xuống các hình ảnh nhúng mà nhấp chuột phải đã bị vô hiệu hóa.

Bạn có thể nhấn Ctrl+ Pvà lấy những gì bạn cần từ bản xem trước in.

Tôi đang sử dụng bút stylus ( https://add0n.com/stylus.html ) và tôi đã tạo một phong cách để áp dụng cho tất cả các trang web và do đó tôi đảm bảo mọi thứ đều có thể lựa chọn:

* {
  -webkit-user-select: auto !important;
  -moz-user-select: inherit  !important;
  -ms-user-select: inherit  !important;
  user-select: auto  !important;
}

Dấu hoa thị là để đảm bảo kiểu không chỉ được áp dụng cho một phần tử css nhất định (như <body>), mà còn cho tất cả các phần tử. Tôi đã gặp trường hợp chặn lựa chọn chỉ được áp dụng cho văn bản nút, do đó, việc tạo một css cho <body>sẽ không có ích.

Tôi sử dụng lựa chọn để dịch ngay lập tức trên các trang web tiếng nước ngoài.

Tôi thích sử dụng " bookmarklets " cho tập lệnh người dùng hoặc tiện ích mở rộng trình duyệt. Hãy thử sử dụng một trong nhiều bookmarklets để tắt CSS và lấy văn bản được yêu cầu

Vì nó có thể làm rối loạn khả năng đọc của trang web, đôi khi tôi mở trang ở một tab khác (nhấp chuột phải vào tab, chọn Sao chép) trước khi xóa kiểu bằng bookmarklet

Bạn cũng có thể dùng thử Google Mobilizer Bookmarklet để chỉ xem văn bản của các trang web

Như các câu trả lời khác đã nêu, nó liên quan đến CSS trên phần thân của các trang. Mặc dù bạn có thể chỉnh sửa điều này bằng tay mọi lúc, nếu bạn sử dụng trang web này nhiều, tôi sẽ đề nghị rằng nếu bạn sử dụng Chrome, bạn nên cài đặt tiện ích mở rộng Kiểu .

Sành điệu cho phép bạn tạo CSS bổ sung để áp dụng cho các trang. Nó có thể được sử dụng trên tất cả các trang web. Nó có lợi ích là tự động áp dụng bất cứ khi nào bạn truy cập trang web (vì vậy bạn không cần thêm nó thông qua các công cụ dev trên mỗi lần tải trang).

Sau khi cài đặt, nhấp vào biểu tượng trên thanh công cụ và chọn "Tạo kiểu mới". Nó sẽ tự động tạo mục cho trang web bạn hiện đang truy cập. Sau đó, bạn có thể thêm bất kỳ CSS nào bạn muốn vào trang. Nhưng hãy cảnh báo: một số kiểu có thể không được ghi đè (đặc biệt nếu nó được viết trên chính phần tử, thay vì một lớp CSS).

Trong trường hợp này, bạn có thể sử dụng chức năng nhập và thêm mã dưới đây, điều này sẽ cho phép bạn chọn văn bản trên trang web bạn liên kết đến.

@-moz-document domain("www.angst-panik-hilfe.de") {
  body {
    -webkit-user-select: auto !important;
    -moz-user-select: inherit  !important;
    -ms-user-select: inherit  !important;
    user-select: auto  !important;
  }
}

Một số giải pháp được đề xuất có thể là trình duyệt cụ thể, do đó, đáng để đề xuất một vài giải pháp thay thế:

1. Sử dụng một broswer tôn trọng bạn hơn.

   a. Emacs có trình duyệt emacs-w3mvà ewwđiều đó sẽ luôn cho phép một người chọn văn bản.

   b. Các trình duyệt dựa trên văn bản khác lynx, như , elinksvà w3m, có thể cho phép một người chọn văn bản, nhưng ngay cả khi không, nếu chạy các chương trình đó trong cửa sổ đầu cuối, người ta có thể chọn văn bản bằng chuột. Và, nếu một người đang sử dụng các chương trình đó từ bên trong tmux, người ta có thể sử dụng tmuxkhả năng sao chép văn bản ngay cả khi không có chuột.

2. Sử dụng công cụ dòng lệnh để tải xuống toàn bộ url ở định dạng văn bản có thể đọc được.

   a. w3m -dump [your_url] > your_file.txt

   b. lynx -dump [your_url] > your_file.txt. Tôi thường thích cái này vì nó đánh dấu các siêu liên kết là chú thích có thể đọc được!

Cài đặt AddOn "Tuyệt đối cho phép nhấp chuột phải và sao chép", cho phép mọi thứ mà AddOns No Script khác không thể.

Chỉ cần tạo kiểu css sau :

html, body {
    user-select: text;
}

Có một tiện ích mở rộng có tên là Kiểu cho phép bạn cài đặt mã css (hoặc bất kỳ loại nào khác) trong bất kỳ trang web nào bạn chọn. Chỉ cần nhập mã css ở trên và cho biết trang web nào bạn muốn áp dụng và bạn muốn đi. Tiện ích mở rộng này hoạt động trên Chrome, Yahoo, Firefox và Opera. Nếu bạn tình cờ có mặt trên IE thì bạn đã hết may mắn. Nhưng bạn đã biết rằng bạn không.