Web siteleri metni seçmeyi nasıl engeller ve bunun engelini nasıl kaldırabilirim?

Bir şekilde metni seçmeyi engelleyen bir web sitesi ( örnek ) var. Ayrıca her şeyi seçmek için Ctrl+ engeller A, ayrıca açılır menüde “Kopyala” yoktur.

Ne denedim:

Bazı siteler seçimi engellemek için JavaScript kullanır. Bu yüzden Firefox'ta script içermeyen tüm JavaScript kaynaklarını devre dışı bıraktım. Aynı siteyi Google Chrome'da Komut Dosyası Eklentisi ile denedim. Her şeyin engellendiğinden emin olun, yine de metni seçemezsiniz. Fare işaretçisi ok üzerinde kalır ve tüm sitede bir metin imleci değildir.

about:configFirefox'ta JavaScript'i tamamen devre dışı bırakmak için kullanılır . Hala etkisiz.

Bazı sitelerin DIV'leri stil ekranıyla kullandığını okudum: blok, böylece sitenin stillerini incelemek için Denetleme kullandım. Sitenin tamamında gömülü CSS'de veya nesne stilinde =-özniteliklerde "blok" un tek bir ifadesi yoktur.

Metin bir resim veya flaş ya da bazı HTML5 tuval vb. Değildir. Her şey DIV ve P etiketlerinin içinde ancak metin seçimini engelleyebilecek bir stil bulunamadı.

Web sitesi hala herhangi bir metin seçimini nasıl engelleyebilir? Tarayıcıların neden bu tür davranışları desteklediğinden bahsetmiyorum bile. Sadece seçilen bir kelimeyi veya cümleyi kullanmak ve sağ fare tıklamasıyla google'da arama yapmak istiyorum. Bir web sitesi böyle şeyler yaptığında ve beni teknik terimleri ve isimleri elle google'a yazmaya zorladığında oldukça sinir bozucu oluyor. İş akışımı rahatsız ediyor.

https://www.angst-panik-hilfe.de/angst-panik.css şunları gösterir:

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

Bu nedenle, bu etki BODY etiketinin tamamı için geçerlidir.

Bu CSS Dokümantasyonu: Mozilla Geliştirici Sitesi: user-select .

Geliştirici Araçları'ndaki stili kaldırarak bunu geçersiz kılabilirsiniz ( F12Firefox veya Chrome'da basın ) - Bunu ayarlamak için zaman harcadıktan sonra, bu stili daha az çabayla çabucak kaldırabilecek bir JavaScript uygulaması oluşturabilirsiniz. Sizin bölümünüz (siteyi birçok kez ziyaret etmeyi planlıyorsanız zaman tasarrufu olabilir).

Bu notu da eklemek isterim: Bu etkinin en azından bir kısmına sahip olmanın tek yolu bu olmayabilir. Başka bir olası yol , metnin olduğu görünmez bir DIVkapağa sahip olmak olabilir DIV. Bu şekilde, fare imleci I-ışınına (metin imleci) dönüşmez çünkü imleç en üstteki içeriğe dayanır DIV. ( Ctrl- Amuhtemelen bu metni de kapsayacaktır.)

Bir web sitesi böyle şeyler yaptığında ve beni teknik terimleri ve isimleri elle google'a yazmaya zorladığında oldukça sinir bozucu oluyor. İş akışımı rahatsız ediyor.

Amin! Bunu gördükten sonra, büyük tarayıcılar tarafından uygulanan böyle bir CSS stilinin varlığından dolayı hayal kırıklığına uğradım. Bu tür şeyler gerçekten oldukça can sıkıcı!

Daha önce de belirtildiği gibi, user-select: nonesayfanın CSS ayarını yapmak sayfadaki metin seçimini devre dışı bırakan şeydir. Bu metin seçim bloğunu kaldırmanın en kolay yolu, ayarı geçersiz kılan aşağıdaki gibi bir kullanıcı betiğinden geçer:

// ==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);
})();

Not: Bu, etkin durumda bırakıldığında her durumda geçerli olacaktır; bu, her durumda istenmeyebilir.

Betik kurulabilir ve Violentmonkey , Tampermonkey veya Greasemonkey gibi bir kullanıcı betiği yöneticisi ile açılıp kapatılabilir .

Geliştirici araçlarını (F12) açın, Elements sekmesine gidin ve body altındaki aşağıdaki CSS kurallarını kaldırın :

• kullanıcı seçimi: yok;
• webkit-user-select: yok;

Firefox ile gerçekten kolay bir yol var:

View > Page Style > No Style

Almanca'da:

Ansich > Webseiten-Stil > Kein Stil

Ayrıca, sağ tıklamanın devre dışı bırakıldığı gömülü görüntüleri indirmek için de harikadır.

Sen vurabilir Ctrl+ Pve baskı önizleme ne gerek yakala.

Stylus'u kullanıyorum ( https://add0n.com/stylus.html ) ve tüm web sitelerine uygulanacak bir stil oluşturdum ve böylece her şeyin seçilebilmesini sağlıyorum:

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

Yıldız, stilin sadece belirli bir css elemanına (gibi <body>) değil tüm elemanlara da uygulandığından emin olmak içindir . Seçim engellemenin yalnızca bir düğme metnine uygulandığı durumlarla karşılaştım, bu nedenle bir css yapmak <body>yardımcı olmaz.

Seçimi yabancı dil web sitelerinde anında çeviri için kullanıyorum.

Kullanıcı komut dosyalarına veya tarayıcı uzantılarına " yer imleri " kullanmayı tercih ederim . CSS’yi devre dışı bırakmak ve gereken metni almak için birçok yer iminden birini kullanmayı deneyin.

Web sayfasının okunabilirliğini bozabileceğinden, stilleri yer imi ile kaldırmadan önce sayfayı farklı bir sekmede açıyorum (sekmeye sağ tıklayın, Çoğalt'ı seçin).

Web sayfalarının yalnızca metnini görüntülemek için Google Mobilizer Yer İşareti'ni de deneyebilirsiniz

Diğer cevapların da belirttiği gibi, sayfaların gövdesi üzerinde CSS ile ilgisi var. Eğer iken yapabilirsiniz elle her zaman bu düzenleme bu siteyi çok kullanırsanız, ben Chrome kullanıyorsanız, yüklemek öneririm Şık uzantısı.

Şık , sayfalara uygulamak için ek CSS oluşturmanıza olanak sağlar. Tüm web'de kullanılabilir. Web sitesini her ziyaret ettiğinizde otomatik olarak uygulama avantajına sahiptir (bu nedenle, her sayfa yüklemesinde geliştirme araçları aracılığıyla eklemeniz gerekmez).

Kurulduktan sonra araç çubuğundaki simgesine tıklayın ve "Yeni Stil Oluştur" u seçin. O anda ziyaret ettiğiniz web sitesi için girişi otomatik olarak oluşturur. Daha sonra sayfaya istediğiniz herhangi bir CSS ekleyebilirsiniz. Ancak uyarılmalıdır: bazı stiller geçersiz kılınabilir olmayabilir (özellikle bir CSS sınıfı yerine öğenin üzerinde yazılmışsa).

Bu durumda, içe aktarma işlevini kullanabilir ve aşağıdaki kodu ekleyebilirsiniz; bu, bağlantılı olduğunuz web sitesindeki metni seçmenize izin verir.

@-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;
  }
}

Önerilen çözümlerin birçoğu tarayıcıya özel olabilir, bu nedenle birkaç alternatif önerebilir:

1. Size daha çok saygı duyan bir broswer kullanın.

   a. Emacs tarayıcılara sahiptir emacs-w3mve ewwbu her zaman birisinin metin seçmesine izin verir.

   b. Diğer metin tabanlı gibi tarayıcılar lynx, elinksve w3m, bir metni seçmek için izin verebilir, böyle olmasa bile bir terminal penceresinde bu programları çalıştıran, eğer bir kişinin fareyi kullanarak metni seçebilirsiniz. Ve eğer biri bu programları içeriden kullanıyorsa tmux, bir tanesi tmuxfare olmadan bile metin kopyalama özelliğini kullanabilir .

2. URL'nin tamamını okunabilir bir metin biçiminde indirmek için bir komut satırı aracı kullanın.

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

   b. lynx -dump [your_url] > your_file.txt. Bunu genellikle tercih ederim çünkü köprüleri okunabilir dipnotlar olarak işaretler!

Diğer No Script AddOns'un yapamayacağı her şeyi mümkün kılan AddOn "Mutlak Sağ Tıkla ve Kopyala" seçeneğini yükleyin.

Sadece aşağıdaki css stilini yaratın :

html, body {
    user-select: text;
}

İstediğiniz herhangi bir web sitesine bu (veya başka herhangi bir) css kodunu yerleştirmenize izin veren Stylish isimli bir eklenti vardır . Sadece yukarıdaki css kodunu girin ve hangi siteye uygulanmasını istediğinizi ve hangi sitelere gitmek istediğinizi söyleyin. Bu eklenti Chrome, Baidu, Firefox ve Opera'da çalışır. Eğer IE'de olursanız, şansınız kalmaz. Ama sen zaten biliyorsun değil mi?