Copyable

Browser extension to unblock copying of web pages

Usage

It's simple. Open the options page and edit the patterns property.

Examples:

  {
    "patterns": [
+     "https://example.com/*",
      // Matches `https://example.com` and `https://example.com/path/to/file`

+     "*://example.com/path",
      // Matches `http://example.com/path` and `https://example.com/path`

+     "https://*.example.com/"
      // Matches `https://example.com` and `https://www.example.com/`
    ],
    // Other options...
  }

How This Works

Force user-select: auto.

Examples of what this will unblock:
```
<p style="user-select: none;">Hello</p>
```

Wrap Event.prototype.preventDefault by Proxy.

Examples of what this will unblock:

<p>Hello</p>
<script>
  document.querySelector('p').addEventListener('selectstart', (event) => {
    event.preventDefault();
  });
  // or
  document.querySelector('p').onselectstart = (event) => {
    event.preventDefault();
  };
</script>
<!-- or -->
<p onselectstart="arguments[0].preventDefault();">Hello</p>

Wrap setters for all event handlers (e.g., onselectstart) for Node subtype prototypes and window by Proxy.

Examples of what this will unblock:
```
<p>Hello</p>
<script>
  document.querySelector('p').onselectstart = () => {
    return false;
  };
</script>
```
Calls wrapped setters to inline event handlers when elements are added or attributes are changed.

Examples of what this will unblock:
```
<p onselectstart="return false;">Hello</p>
```

Options

`patterns`

Type: string[]

Default: []

Match patterns for webpages to unblock copying.

Learn more about match patterns on mdn web docs or Chrome for Developers.

To activate it on a new page, the page must be reloaded.

`eventTypes`

Type: string[]

Default: src/default-storage/index.ts

Event types to unblock copying.

Changes to this option are reflected immediately on the page.

`css`

Type: string

Default: src/default-storage/style.css

CSS styles to be inserted.

Changes to this option are reflected immediately on the page.

`cssOrigin`

type: 'USER' | 'AUTHOR'

Default: 'USER'

An origin type of css to be inserted.

Learn more about origin types.

Level222/copyable