PageGuard.js - No copying, printing as well as opening developers tools.

  •        3

No copying, printing as well as opening developers tools. You can use CSS if you don't run Javascript. But for safety, you should use this javascript and make your page only show when the Javscript is on.

https://github.com/Netrvin/PageGuard.js

Tags
Implementation
License
Platform

   




Related Projects

chrome-devtools-autosave - Auto-saving CSS and JavaScript changes from the Chrome Developer Tools

  •    Javascript

Chrome DevTools Autosave consists of a Chrome extension and a server. The extension pushes changed files to the server. The server resolves URL of these files and overwrites the old ones with the new ones. Open example/index.html locally (using file:// scheme). Edit some CSS and JS. That’s it. Files have been saved.

react-devtools - An extension that allows inspection of React component hierarchy in the Chrome and Firefox Developer Tools

  •    Javascript

React Developer Tools lets you inspect the React component hierarchy, including component props and state.It exists both as a browser extension (for Chrome and Firefox), and as a standalone app (works with other environments including Safari, IE, and React Native).

devtools-author - A selection of author settings for Chrome Developer Tools.

  •    CSS

A selection of author settings for Chrome Developer Tools. After restarting DevTools, you should see the default theme 3024 take affect within the Sources and Console panels.

devtools-frontend - The Chrome DevTools UI

  •    Javascript

The client-side of the Chrome DevTools, including all JS & CSS to run the DevTools webapp. It is available on NPM as the chrome-devtools-frontend package. It's not currently available via CJS or ES2015 modules, so consuming this package in other tools may require some effort.

stetho - Stetho is a debug bridge for Android applications, enabling the powerful Chrome Developer Tools and much more

  •    Java

Stetho is a sophisticated debug bridge for Android applications. When enabled, developers have access to the Chrome Developer Tools feature natively part of the Chrome desktop browser. Developers can also choose to enable the optional dumpapp tool which offers a powerful command-line interface to application internals.Once you complete the set-up instructions below, just start your app and point your laptop browser to chrome://inspect. Click the "Inspect" button to begin.


Augury - Angular Debugging and Visualization Tools

  •    Typescript

Augury is the most used Google Chrome Developer Tool extension for debugging and profiling Angular 2 applications. It helps Angular 2.0 developers visualize the application through component trees, and visual debugging tools. Developers get immediate insight into their application structure, change detection and performance characteristics.

lighthouse - Auditing, performance metrics, and best practices for Progressive Web Apps

  •    Javascript

Lighthouse analyzes web apps and web pages, collecting modern performance metrics and insights on developer best practices. Lighthouse is integrated directly into the Chrome Developer Tools, under the "Audits" panel.

devtools-detect - Detect if DevTools is open and its orientation

  •    HTML

Useful for when you want something special to happen when DevTools is open. Like pausing canvas, adding style debug info, etc.Doesn't work if DevTools is undocked and will show false positive if you toggle any kind of sidebar.

apollo-client-devtools - :christmas_tree: Chrome extension for Apollo Client developer tools

  •    Javascript

This repository contains the Apollo Client Devtools Chrome extension.If you are running Apollo Client 2.0, the dev tools require at least apollo-client@2.0.0-rc.2 and react-apollo@2.0.0-beta.0.

meteor-devtools - ⚡Chrome Dev tools extension for Meteorjs apps

  •    Javascript

Meteor Devtools (MD) is an extension for Chrome Developer Tools that makes the process of developing Meteor apps even more enjoyable. It also allows you to look under the hood of existing applications and learn how they are built. MD includes a plugin framework and currrently comes with 3 plugins: DDP Monitor, Blaze Inspector and MiniMongo Explorer. You can install it from Chrome Web Store. Meteor Devtools Extension is made by Meteor loving folks at The Bakery. Blaze Inspector is inspired by React Devtools and uses Element highlighter from that project.

clockwork-chrome - Clockwork - php dev tools integrated to your browser - Chrome extension

  •    CSS

Clockwork is a browser extension, providing tools for debugging and profiling your PHP applications, including request data, application log, database queries, routes, visualisation of application runtime and more. Clockwork uses a server-side component, that gathers all the data and easily integrates with any PHP project, including out-of-the-box support for major frameworks.

WebVR-Extension - Chrome DevTools extension to emulate WebVR API

  •    Javascript

Chrome DevTools extension that enables users and developers to run WebVR 1.0 content without having a supported HMD headset or even a compatible browser/platform. It currently emulates an HTC Vive. It can also help develop even if one owns an HMD, by making repetitive actions that require putting the HMD on and off easier to check through the DevTools panel.

immutable-devtools - Chrome Dev Tools custom formatter for Immutable-js values

  •    Javascript

The Immutable library is fantastic, but inspecting immutable collections in Chrome's Dev Tools is awkward. You only see the internal data structure, not the logical contents. For example, when inspecting the contents of an Immutable List, you'd really like to see the items in the list.Chrome (v47+) has support for custom "formatters". A formatter tells Chrome's Dev Tools how to display values in the Console, Scope list, etc. This means we can display Lists, Maps and other collections, in a much better way.

remotedebug-ios-webkit-adapter - Debug Safari and WebViews on iOS from tools like VS Code, Chrome DevTools, Mozilla Debugger

  •    TypeScript

RemoteDebug iOS WebKit Adapter is an protocol adapter that Safari and WebViews on iOS to be debugged from tools like VS Code, Chrome DevTools, Mozilla Debugger.html and other tools compatible with the Chrome Debugging Protocol. Before you use this adapter you need to make sure you have the latest version of iTunes installed, as we need a few libraries provided by iTunes to talk to the iOS devices.

hihat - :tophat: local Node/Browser development with Chrome DevTools

  •    Javascript

Runs a source file in a Chrome DevTools process. Saving the file will reload the tab.This is useful for locally unit testing browser code with the full range of Web APIs (WebGL, WebAudio, etc). It provides access to profiling, debugger statements, network requests, and so forth.

console.log-wrapper - Clear console logging for every browser

  •    Javascript

Log to the console — even legacy browsers without a console. Just pass any data to log() and you'll see it printed clearly and well-structured in the console. If the browser doesn't have a console, Firebug Lite will load. You can pass any variable type: strings, objects, arrays, functions, etc.

devtools-remote - Debug your browser tabs remotely via Chrome DevTools

  •    CSS

Debug your user's browser remotely via Chrome DevTools. DevTools Remote enables you to share access to a browser tab, so it can be debugged remotely via Chrome DevTools.

node-webkit-agent - NodeJS agent for WebKit devtools front-end

  •    Javascript

This module is an implementation of Chrome developer tools protocol. It is still pretty much a work in progress and only heap and CPU profilers are working right now. Help is wanted to finish implementing debugger, networking and console agents as well as a implementing from scratch a flamegraphs agent. This module allows you to debug and profile remotely your nodejs applications leveraging the following features by re-using the built-in devtools front-end that comes with any webkit-based browsers such as Chrome or Safari.

react-sticky - <Sticky /> component for awesome React apps

  •    Javascript

There's a CSS alternative to react-sticky: the position: sticky feature. However it currently does not have full browser support, specifically a lack of IE11 support and some bugs with table elements. Before using react-sticky, check to see if the browser support and restrictions prevent you from using position: sticky, as CSS will always be faster and more durable than a JS implementation. The goal of react-sticky is make it easier for developers to build UIs that have sticky elements. Some examples include a sticky navbar, or a two-column layout where the left side sticks while the right side scrolls.

hoplon - Hoplon web development tools and libraries.

  •    Clojure

Hoplon is a set of tools and libraries for making web applications. Note that the object element is not implemented for IE 8, and that older browsers that predate HTML 5 elements such as Audio and Video will not render them. Additionally, boot development tasks such as boot-reload and boot-cljs-repl, which inject scripts into the browser to function, do not support IE 8 (which errors when output is written to the console without the developer tools open). Testing against these browsers is best done with simple or advanced optimizations turned on.