본문 바로가기

확장프로그램

[Chrome] Visual Inspector by CanvasFlip [Chrome] Visual Inspector by CanvasFlip http://www.bloter.net/archives/289732 ‘F12’를 누르면 등장하는 개발자도구는 무척 유용하다. 개발자도구를 활용하면 지금 보고 있는 웹페이지의 구성요소를 확인하고 부분적인 수정도 해 볼 수 있다. 문제는 이 개발자도구가 전혀 직관적이지 못하다는 데 있다. 기본적인 코딩을 모르면 접근성이 대폭 떨어진다. 이 문제를 해결해줄 수 있는 도구가 등장했다. 사용자 경험 분석 도구를 제공하는 캔바스플립의 ‘비주얼 인스펙터’다. 비주얼 인스펙터는 크롬에 설치해 사용하는 확장프로그램이다. 해당 웹사이트의 색상 구성, 글꼴, 이미지 등을 한눈에 확인할 수 있게 보여준다. 개발자도구를 활용하기 편한 방식으로 보여주는 도구.. 더보기
[javascript] Vue.js 응용 프로그램 디버깅을위한 Chrome devtools 확장 프로그램. [javascript] Vue.js 응용 프로그램 디버깅을위한 Chrome devtools 확장 프로그램. GitHub : https://github.com/vuejs/vue-devtools 크롬브라우저에서 확장프로그램 들어간 다음 "vue.js" 로 검색하면 나옴. 설치! vue-devtoolsImportant Usage NotesIf the page uses a production/minified build of Vue.js, devtools inspection is disabled by default so the Vue pane won't show up.To make it work for pages opened via file:// protocol, you need to check "Allow ac.. 더보기
Chrome - 부가서비스, 확장프로그램 Chrome to Phone 부가서비스, 확장프로그램 Chrome to Phone : https://chrome.google.com/webstore/detail/google-chrome-to-phone-ex/oadboiipflhobonjjffjbfekfjcgkhco?hl=ko 설명 Google Chrome to Phone 확장 프로그램을 사용하면 링크 및 기타 정보를 크롬에서 개인 Android 기기로 전송할 수 있습니다.이 확장 프로그램을 설치하면 링크, 지도, 현재 선택한 텍스트와 전화번호를 내 Android 기기로 손쉽게 전송할 수 있는 버튼이 Google 크롬에 추가됩니다. 링크나 웹페이지 의 선택 영역을 마우스 오른쪽 버튼으로 클릭하여 내 Android 기기로 보낼 수도 있습>니다. 이 기능을 사용하려면 휴대전화에도 'Ch.. 더보기