Internet Explorer 10 pozwoli na blokowanie zaznaczania treści na stronach WWW

W czwartej wersji beta przeglądarki Internet Explorer 10 wprowadzono obsługę właściwości CSS o nazwie -ms-user-select. Pozwala ona kontrolować, podobnie jak w przeglądarkach Firefox, Safari i w Operze, które fragmenty strony internauta może zaznaczać, a które nie.

Parametr przyjmuje parę wartości. Wartość text powoduje, że tylko tekst może być zaznaczony, wartość element, że tylko tekst wewnątrz danego obiektu może być zaznaczony, none – żaden tekst nie może być zaznaczony, natomiast auto przywraca standardowe zachowanie zaznaczania. Użycie parametru ma sprawić, że zaznaczanie treści na stronach będzie łatwiejsze i obarczone mniejszym ryzykiem zaznaczenia czegoś niewłaściwego.

Inne przeglądarki też obsługują podobną właściwość, chociaż działa ona trochę inaczej. -webkit-user-select:none powoduje, że nie widać zaznaczania tekstu, ale faktycznie jest on po kryjomu zaznaczany i można go skopiować.

Rozwiązanie można przetestować na stronie ie.microsoft.com/testdrive/HTML5/msUserSelect/.

Jak wiadomo ograniczanie możliwości kopiowania tekstów na stronie takimi właściwościami to najprostszy sposób na ochronę przed kopiowaniem treści i umieszczaniem ich na innych stronach. Najlepiej jeszcze dorzucić do tego kod JavaScriptu, który wyświetli komunikat, że adres podstępnego kopisty został zarejestrowany i czekają go srogie konsekwencje prawne.

A może po prostu lepiej tak zorganizować strukturę strony, aby zaznaczanie tekstu działało poprawnie, zamiast utrudniać życie internautom? Kto będzie chciał skopiować to i tak skopiuje.

Jak myślicie?

źródło: blogs.msdn.com

Podoba Ci się ten tekst? Powiedz o tym innym na Fb: lub na G+:

publikuj:

wydrukuj

10 skomentuj »

Komentarze

#1 wujekbogdan 2012-01-12 14:57:59 0
nie bardzo rozumiem ideę blokowania zaznaczenia tekstu (tak samo jak blokadę prawego kliknięcia), wielu ludzi pomaga sobie w czytaniu zaznaczając fragmenty tekstu. jak ktoś chce to i tak sobie podejrzy źródło i skopiuje.

Ani to zabezpieczenie, ani udogodnienie. bez sensu. jak ktoś chce blokować treść przed kopiowaniem to niech wrzuca teksto jako IMG ;PPP
IP: 89.68.6.[...] Mozilla/5.0 (Windows NT 6.1; WOW64) AppleWebKit/535.7 (KHTML, like Gecko) Chrome/16.0.912.75 Safari/535.7
#2 Wszerad 2012-01-12 15:16:35 0
A czy w twojej przeglądarce da się skopiować tytuł karty albo pozycje menu? Właśnie dlatego jest ten styl nie po to żeby komuś coś utrudniać ale jak najbardziej zbliżyć się wyglądem do aplikacji
IP: 213.17.128.[...] Mozilla/5.0 (Windows NT 6.1; WOW64; rv:12.0a1) Gecko/20120110 Firefox/12.0a1
#3 Jacek Smolak^® 2012-01-12 15:57:53 0
B. dobre rozwiązanie.

@wujekbogdan: chodzi też o przypadki, kiedy są ikony, daty, linki do socjali itd. obok np tematu, które to zaznaczysz razem z całym artykułem. A tak, zaznaczysz tylko temat i treść. Jeżeli twórca strony będzie upierdliwy i utrudniał życie użytkownikom to nie będzie wina właściwości CSS'a tylko wspomnianego twórcy, który o usability tylko czytał ale nie zrozumiał.
IP: 81.161.201.[...] Mozilla/5.0 (Windows NT 6.0; rv:9.0.1) Gecko/20100101 Firefox/9.0.1
#4 blam 2012-01-12 16:44:47 0
to jest totalnie bez sensu kto będzie dopisywał specjalnie co może być zaznaczone a co nie?

raczej nikt..

dlaczego tak uważam?

z prostej przyczyny przy definiowaniu cssa na stronie mamy atrybut media=print służy on jak sama nazwa wskazuje do wyświetlania odpowiedniej treści do druku, dużo popularnych serwisów takiego cssa nawet nie ma ( w tym webhosting).

Taki css pozwala na ustalenie jaka treść nadaje się do druku jak i również skopiowania (drukowanie do pdfa, kopiowanie z podglądu etc), a jaka nie i ma być niewidoczna przy drukowaniu, a skoro takiej prostej czynności twórcy stron nie robią to będą się bawić w dodatkowe cssy? nie.
IP: 81.219.247.[...] Mozilla/5.0 (Windows NT 6.1; rv:8.0.1) Gecko/20100101 Firefox/8.0.1
#5 Holyboy^® 2012-01-12 18:01:36 0
przydatna rzecz

ten kto kopiuje przykłady kody z różnych blogów które maja zaimplementowane w JS fikuśne podświetlanie składni + numery wierszy na pewno doceni

Jak ktoś widzi w tym tylko "cenzurę" - cóż trzeba poszerzyć sobie horyzont. ;)
IP: 213.180.137.[...] Mozilla/5.0 (Windows NT 6.1) AppleWebKit/535.16 (KHTML, like Gecko) Chrome/18.0.1003.1 Safari/535.16
#6 cvan 2012-01-12 18:03:51 0
@blam

Ci którym to potrzebne BĘDĄ.
IP: 77.45.72.[...] Mozilla/5.0 (Windows NT 6.1; rv:10.0) Gecko/20100101 Firefox/10.0
#7 slawek22 2012-01-12 19:22:31 0
E tam, FF/Stylish i się wytnie jak nie będzie pasować.

Jak ktoś jest głupi i używa IE to na własne życzenie i pewnie i tak nie wie co to kopiuj / wklej. Webdeveloperzy mają przez takie osoby więcej pracy to niech użytkownicy tego śmiecia też trochę pocierpią nie mogąc kopiować tekstu i musząc płacić za sprzęt i oprogramowanie kiedy chcą zrobić update przeglądarki :P
IP: 83.27.69.[...] Mozilla/5.0 (Windows NT 6.1; WOW64) AppleWebKit/535.7 (KHTML, like Gecko) Chrome/16.0.912.75 Safari/535.7
#8 konradddd 2012-01-13 10:32:06 0
Jak ktoś nie wie lub nie jest w stanie sobie wyobrazić po co ten styl niech wciśnie CTRL+A na stronie to może zrozumie po co :-)
IP: 91.192.120.[...] Mozilla/5.0 (Windows NT 6.1) AppleWebKit/535.7 (KHTML, like Gecko) Chrome/16.0.912.75 Safari/535.7
#9 trzczys 2012-01-13 12:44:53 0
A po wciśnięciu ctrl+u w firefoxie też nie da rady skopiować?
IP: 89.69.102.[...] Mozilla/5.0 (Windows NT 5.1; rv:9.0.1) Gecko/20100101 Firefox/9.0.1
#10 ghshbrdrd 2012-03-10 08:23:30 0
A good Far eastern impact might be observed from numerous exhibits, monster beats having a Japoneses bloom design becoming stitched on to chiffon blouses in the Leonard demonstration as well as deconstructed kimonos producing a direct effect from Maison Martin Margiela. Blousons along with kimono particulars had been additionally observed from Damir Doma, beats headphones whilst kimono designs as well as Eastern-inspired images was away from Dries Truck Noten. At the same time, Japoneses computer animation had been referenced in the Mugler display, exactly where versions channeled ninjas within dark large shouldered masterpieces along with hoods.
IP: 115.141.61.[...] Mozilla/5.0 (Windows NT 5.1) AppleWebKit/534.30 (KHTML, like Gecko) Chrome/12.0.742.12 Safari/534.30

Aby dodać komentarz, musisz podać swój nick, treść komentarza oraz poprawnie przepisać oba słowa z obrazka (słowa muszą być rozdzielone spacją).
W treści komentarza można używać języka formatowania BBcode.