Coder Social home page Coder Social logo

z-chrome's People

Contributors

kyeongmincho avatar se0kjun avatar yumere avatar

Stargazers

 avatar  avatar

Watchers

 avatar  avatar  avatar

Forkers

se0kjun

z-chrome's Issues

z-TabSearch: 기능 추가

z-TabSearch

z-Chrome의 2 번째 기능

z-TabSearch의 개요

여러 개의 탭이 열려 있어서 자신이 다시 보고 싶은 탭을 찾기 힘든 경우, 자신이 기억하는 해당 탭의 키워드를 검색하여 찾아낼 수 있는 기능이다.

z-TabSearch의 흐름

  1. z-Chrome 커멘드 입력 받고 대기 (Alt+Z)
  2. z-TabSearch 커멘드 입력 (Alt+F) (차후 shortcut 수정)
  3. 유저가 찾을 문자 입력 (search: foo_bar)
  4. 열려 있는 탭들의 innerText를 분석
  5. 검색된 탭 활성화

z-Secret 기능 추가

z-Secret

z-Chrome의 1 번째 기능

z-Secret의 개요

사용자가 보고 있는 탭을 감출 필요가 있는 경우, 커멘드를 실행하였을 때 해당 탭을 닫고 히스토리에서 해당 URL을 삭제한 뒤 새 시크릿 탭으로 해당 URL을 열게 된다.

z-Secret의 흐름

  1. z-Chrome 커멘드 입력 받고 대기 (Alt+Z)
  2. z-Secret 커멘드 입력 (Alt+S)
  3. 탭 정보 호출
  4. 탭의 URL에 해당하는 히스토리 삭제
  5. 탭 닫기
  6. 새 시크릿 탭으로 URL 불러오기

Development: HTML 코드 구조 변경

현재 popup.html 하나만 사용하고 있고, 이를 전부

document.getElementById("tag id").innerHtml = "<html>"

과 같은 코드를 이용해 html을 생성하고 있다.

아래와 같은 이유로 html 파일과 JS 파일을 구조화 하는 것을 제안

  1. 추후의 유지보수
  2. 기능별 모듈화
  3. innerHtml 코드로 인해 inline javascript를 사용할 수 없음 -> sendMessage, runtime.onMessage와 같은 함수를 이용해, JS를 기능별로 실행할 수 있게 만들어야 함.

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.