개발자 탭 Chrome OffiDocs와 함께
Ad
기술
Dev Tabs는 Chrome의 '새 탭' 페이지이자 방문 페이지입니다.
이 확장은 주로 개발자, 소프트웨어 엔지니어 등을 위해 만들어졌습니다.
오랫동안 나는 새로운 탭 교체를 찾았고 일반적이거나 개발 작업에 적합하지 않거나 광고로 가득차 있거나 매번 나를 추적하거나 내 스타일이 아닌 것만 찾았습니다.
그래서 개발자 탭을 만들었습니다.
정기적으로 방문하는 사이트, 개발 업계 뉴스, 현재 기상 조건, GitHub를 통합하고 작은 QR 코드 생성기를 확장 프로그램에 넣었습니다.
이것은 내가 의존하게 된 중요한 도구가 되었습니다.
BOOKMARKS: 페이지 왼쪽부터 'Bookmarks' 열을 넣었습니다.
제가 자주 이용하는 사이트들입니다.
매일 일과 즐거움을 위해 하루 종일 방문하는 수많은 사이트가 있습니다.
이메일 클라이언트, GitHub, 다양한 문서 웹사이트, 튜토리얼 등.
모든 페이지를 탐색하는 대신.
원하는 만큼 추가할 수 있으며 열은 독립적으로 스크롤됩니다.
이들은 내장된 북마크와 관련이 없으며 별도로 입력됩니다.
페이지를 처음 방문했을 때 페이지 중앙에 있는 설정 톱니바퀴를 클릭하면 몇 가지 다른 선택 항목이 표시됩니다.
'북마크' 설정을 클릭하면 입력 상자가 표시됩니다.
여기에서 '북마크' 열에 표시할 초기 사이트 그룹을 입력합니다.
마크다운 형식 사용, [사이트 이름](https://nameOfWebsite.
com), [사이트 이름](https://nameOfWebsite.com)
com), 각 항목을 쉼표로 구분하고 페이지에 나열할 모든 사이트를 입력하십시오.
완료하고 페이지로 돌아가면 모두 나열됩니다.
또한 설정 톱니바퀴 아래의 페이지 중간에는 하나의 '북마크'를 추가하기 위한 '+'가 있습니다. 다른 모든 항목을 다시 입력할 필요 없이 이동하면서 추가하고 싶은 항목을 발견할 수 있기 때문입니다.
'+'를 클릭하면 이름과 사이트 URL을 입력할 수 있는 입력이 나타납니다.
저장을 누르면 해당 항목이 목록 끝에 추가됩니다.
뉴스: Dev를 사용했습니다.
to's 기사 API는 새로운 산업을 통합합니다.
그러면 dev의 일 기사로 열이 자동으로 채워집니다.
의 첫 페이지입니다.
기사와 함께 제공되는 이미지가 있는 경우 해당 이미지가 표시되고 그 아래에 기사 제목이 표시되며 선택한 기사로 바로 이동할 수 있는 클릭 가능한 URL이기도 합니다.
Dev에서 흥미로운 기사를 많이 찾았을 뿐만 아니라.
to, 나는 또한 수많은 유용한 '방법'을 찾았고 때때로 기고하기도 합니다. 이것이 제가 업계 뉴스를 표시하는 데 사용하는 이유입니다.
GITHUB: GitHub 통합은 당연했습니다.
나는 그들의 서비스를 매일, 하루에 여러 번 사용합니다.
100일 동안 코드를 작성하면서 진행 상황을 추적하기 위해 매일 무언가를 커밋했습니다.
그 때문에 페이지 중앙에 GitHub 기여 그래프가 있습니다.
페이지를 처음 방문하면 설정으로 이동하여 'GitHub 캘린더' 옵션을 선택합니다.
GitHub 사용자 이름을 입력하고 기본 페이지로 돌아가면 그래프가 채워집니다.
저는 GitHub를 많이 사용하기 때문에 GitHub 저장소 목록도 통합했습니다.
페이지의 이 부분에는 상위 10개 리포지토리가 표시됩니다.
설정은 'GitHub 피드'를 선택하고 사용자 이름을 다시 입력하는 동일한 프로세스입니다.
나는 개인적으로 여러 GitHub 계정을 가지고 있고 누군가가 하나의 사용자 이름으로 그래프를 표시하고 다른 사용자 이름으로 Repo를 표시하기를 원할 수 있다고 생각했기 때문에 이것을 두 개의 별도 설정으로 남겨 두었습니다.
또한 두 설정에 동일한 사용자 이름을 입력하고 동일한 계정에서 그래프와 상위 10개 목록을 표시할 수 있습니다.
그래프는 표시용이지만 저장소 목록은 클릭 가능한 목록입니다.
저장소 이름을 클릭하면 선택한 페이지로 바로 이동합니다.
날씨: 페이지 중앙에 현재 날씨 상태를 표시했습니다.
설정 페이지로 이동하여 '날씨' 옵션을 선택하고 버튼을 클릭하여 자신의 위치를 찾습니다.
버튼을 클릭할 때 좌표를 얻기 위해 HTML Geo-location API를 사용했습니다.
첫 번째 클릭 시 사용자를 찾을 수 있는 권한을 요청합니다.
'확인'을 클릭하면 좌표를 가져와 Chrome의 로컬 저장소에 저장합니다.
이 확장 프로그램이 수집하는 모든 정보는 컴퓨터의 Chrome 로컬 저장소에 저장됩니다.
어떤 정보도 수집되지 않고 어디로도 전송되지 않습니다.
모든 것이 당신과 함께 있습니다.
즉, 위치를 이동하고 날씨 표시를 업데이트하려면 설정으로 돌아가서 버튼을 다시 클릭하여 이전에 저장된 좌표를 덮어쓰는 새 좌표를 가져와야 합니다.
그러면 정확한 날씨가 표시됩니다.
시간 및 날짜: 시간과 날짜는 JavaScript로 작성된 일반 시계입니다.
현재 시간과 날짜를 가져와 페이지 중앙에 간단히 표시합니다.
트위터: Dev.
Twitter 웹사이트를 방문할 때 Twitter 피드 옆에 업데이트된 뉴스 피드 또는 기사 목록을 표시하기 위한 자체 Chrome 확장 프로그램이 있습니다.
계속해서 이 확장에서 중요한 부분을 빌려 여기에 포함시켰습니다.
따라서 Twitter를 방문하면 피드 왼쪽에 dev에 있는 인기 기사의 작은 비간섭 목록이 표시됩니다.
현재로.
이 목록은 대화식이며 업계에서 따라야 할 똑똑한 사람들을 찾는 데 도움이 된다는 것을 알았습니다.
GitHub 페이지(https://github)에서 확장 프로그램을 찾을 수 있습니다.
com/thepracticaldev.
QR 코드 생성기: 현재 이 확장 프로그램에 넣기로 결정한 마지막 항목 중 하나는 작은 QR 코드 생성기입니다.
저는 현재 원격으로 일하고 있으며 하루 중 여러 번 워크스테이션에서 일어나 다른 일을 해야 합니다.
매일 오후 2시 15분에 아이들을 학교에서 데리러 가야 합니다.
차가 꺼진 상태에서 30분 동안 온라인으로 기다려야 합니다.
어떤 작업을 수행하는 방법을 읽는 중이라면 이제 내가 있는 사이트의 URL을 복사하여 QR 코드 생성기에 붙여넣고 QR 코드를 얻은 다음 휴대폰으로 스캔할 수 있습니다.
이제 온라인에서 기다리는 동안 내가 하던 일을 읽거나 할 수 있습니다.
이것이 QR 기능의 동기였습니다.
사용하려면 이 확장 프로그램의 아이콘을 클릭하면 작은 상자가 나타납니다.
상자에는 확장 프로그램에 대한 몇 가지 간단한 정보가 표시되며 하단에는 입력 내용이 표시됩니다.
URL 등을 붙여넣고 클릭하면 QR 코드가 생성됩니다.
휴대전화로 스캔하고 출발하세요.
추적 및 개인 정보: 처음에 말했듯이 저는 제가 하는 일에 적합하고 광고나 추적이 없는 확장 프로그램을 찾고 있었습니다.
하나를 찾을 수 없었기 때문에 하나를 만들기로 결정했습니다.
그 말과 함께.
.
.
이 확장 프로그램은 사용자를 추적하거나 개인 식별 정보를 수집하지 않습니다.
광고나 그와 유사한 것이 없습니다.
Google 애널리틱스도 중단했습니다.
이 확장 기능에 필요한 모든 정보는 컴퓨터의 Chrome 로컬 저장소에 저장됩니다.
나는 개발자로서 당신이 알고 있다고 확신하기 때문에 두 개의 다른 '로컬 저장소' 위치가 있기 때문에 지정합니다.
하나는 HTML API용이고 다른 하나는 Chrome API용입니다.
나는 이 확장 프로그램을 개발하면서 이것을 발견했고 실제로 Chrome 로컬 스토리지를 검사하기 위해 특별한 확장 프로그램이 필요했습니다.
'요소 검사'를 수행하면 볼 수 없습니다.
내가 사용한 확장 프로그램: Storage Area Explorer - https://github.
com/jusio/storage-area-explorer를 참조하세요.
이를 통해 Chrome의 로컬 저장소를 볼 수 있었습니다.
당신이 궁금하다면.
지원: info@mattaz로 이메일을 보내주십시오.
com 홈페이지: https://mattaz.com
com 정보, 업그레이드 및 추가 개발은 https://mattaz에서 추적할 수 있습니다.
com/devtabs/ 코드: https://github.
com/Cipher-Coder/chromeExtension
추가 정보 :
- mattaz.com 제공
- 평균 평점: 별 5개(좋아요)
-개발자 이 이메일 주소는 스팸봇으로부터 보호됩니다. 당신은 자바 스크립트를 활성화해야합니다.
개발자 탭 웹 extension OffiDocs와 통합 Chromium 온라인
