How to Bypass Webpage Copy Protection: Simple CSS & JavaScript Tricks

When browsing the web, you may encounter pages that prevent you from copying text. This article introduces several ways to bypass those restrictions.

CSS/JS Method to Disable Copying

<style type="text/css">
/* Simple CSS to block text selection (WebKit only) */
* { -webkit-user-select: none; }

p { font-family: 'Microsoft Yahei'; font-size: 28px; }
input { width: 80%; padding: 10px 20px; }
</style>

<h1>This code does not work on UC mobile browser, but works on other browsers and PC.</h1>
<p>This is sample text that cannot be selected or right‑clicked, and cannot be copied even if selected.</p>
<input type="text" value="Text in the input can be selected but not copied/pasted"/>

<script type="text/javascript">
// Disable right‑click menu
document.oncontextmenu = function(){ return false; };
// Disable text selection
document.onselectstart = function(){ return false; };
// Disable copy
document.oncopy = function(){ return false; };
// Disable cut
document.oncut = function(){ return false; };
// Disable paste
document.onpaste = function(){ return false; };
</script>

Method 1: Save the Page and Copy

Right‑click on a blank area of the page and choose "Save As...". In the save dialog, select "Webpage, HTML only (*.html, *.htm)" and save.

Open the saved HTML file; you can now freely copy the text.

Method 2: Use the Print View

If the page supports printing, right‑click and select "Print". In the print preview, you can select the needed text and copy it directly.

Technical Workaround: Disable JavaScript

Most copy‑protection scripts rely on JavaScript. In Chrome (or other WebKit‑based browsers), open Developer Tools (F12), go to Settings (F1), enable "Disable JavaScript", then close the settings (Esc). Reload the page and you should be able to copy the text.

If text is still unselectable, look for the CSS rule -webkit-user-select: none and remove it.

After copying, remember to re‑enable JavaScript if you disabled it.