GithubHelp home page GithubHelp logo

eldenpark / browser-lock Goto Github PK

View Code? Open in Web Editor NEW
1.0 5.0 5.0 524 KB

Chrome, Whale Extension - Lock your browser in a second

JavaScript 49.37% CSS 42.64% HTML 7.98%
chrome whale extension privacy safe-browsing

browser-lock's Introduction

Browser Lock (ex. Pattern Lock Extension)

자유롭게 브라우징 하세요. Browser Lock이 당신의 브라우저를 잠궈드립니다.
(웨일 포럼 기능제안 최다 요구)

What Is It All About

Browser Lock은 크롬 기반 브라우저의 Extension (확장 프로그램) 으로써, 브라우저를 잠그는 기능을 하도록 고안되었다.
2017년 상반기, NAVER의 Chrome 기반 Web Browser Whale 출시에 힘입어, 다양한 이유에 의해 브라우저를 잠그길 원하는 요청들에 대응할 방책을 고심하였다. 브라우저가 아닌 익스텐션의 차원에서 해당 기능 (브라우저 잠금) 을 실현할 수 있는지 검토함으로써 본 프로젝트가 시작되었다.

Lock

브라우저를 잠금에서 잠금의 의미는 잠금 이전의 시점까지의 브라우징 기록에 대한 접근을 차단하는 것이다. 권한 (이 경우 패스워드 혹은 패턴) 을 획득하였을 때, 다시 이전 브라우징 기록에 접근할 수 있고, 그렇지 않다면 해당 기록은 유실된다.

How It Works

Browser Lock은 브라우저를 다음과 같은 방식으로 잠근다.

  • 열린 탭 직렬화 저장 및 닫기
  • 저장된 쿠키 모두 저장 및 삭제
  • 브라우징 히스토리 저장 및 삭제
  • 잠금 화면 출력
  • 
    

잠금이 작동하면, 사용자의 로그인 상태는 해제되고, 잠금 해제없이 이전의 고유 사용기록에 접근할 수 없는 상태가 된다.
한편, 잠금 화면에서도 사용자 (혹은 손님) 은 자유롭게 브라우저를 사용할 수 있다.
사용자가 잠금화면에서 Master Password입력에 성공하면, 저장해두었던 모두 데이터를 복원하고 잠금 이전의 시점으로 브라우저 (탭 등을)를 세팅한다.

Build

npm install
npm run build

Install

Chrome 기반 브라우저의 확장 앱 추가 (Add Extension) 를 해야 한다. 이 때, Build를 통해 생성된 lib폴더를 Add (혹은 Load) 해야 한다.

browser-lock's People

Contributors

azasj avatar eldenpark avatar haneek avatar

Stargazers

 avatar

Watchers

 avatar  avatar  avatar  avatar  avatar

browser-lock's Issues

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.