구글 크롬
[DevTools] 구글 크롬 디자인 모드 (Design Mode)
[DevTools] 구글 크롬 디자인 모드 (Design Mode)
2024.05.10파이어폭스, 사파리, 엣지 등 대부분 브라우저에서 디자인 모드를 지원한다. 크롬 콘솔에서 디자인 모드를 활성화하면 코드를 직접 수정하지 않고도 위지윅 에디터처럼 요소 콘텐츠를 수정할 수 있다. 이미지 잘라내기 / 붙여 넣기 등의 작업도 가능하다. 물론 수정했던 내용은 새로고침하면 원상복귀 된다. 크롬 개발자 도구(F12)를 열고 document.designMode 값을 'on'으로 바꿔주면 디자인 모드가 활성화 된다. document.designMode = 'on'; // 디자인 모드 켜키document.designMode = 'off'; // 디자인 모드 끄기 글 수정사항은 노션 페이지에 가장 빠르게 반영됩니다. 링크를 참고해 주세요
[강추] 더블클릭만으로 네이버 영어 사전을 검색해주는 크롬 부가기능
[강추] 더블클릭만으로 네이버 영어 사전을 검색해주는 크롬 부가기능
2014.06.16과제나 업무로 인해 필요한 정보를 찾기 위해서 네이버를 이용해 검색하면 한정된 검색 결과로 결국 구글을 이용하게 됩니다. 하지만 어느 한 조사기관의 말처럼 영어로 작성된 웹페이지는 한글 페이지보다 무려 50배 이상 많다고 하는데요. 결국 잘 가공된 원하는 정보를 얻기 위해선 영어로 작성된 문서를 독해해야 하는데, 영어를 잘하시는 분이야 괜찮겠지만 저처럼 영문 페이지를 보면 되레 겁부터 먹는 분들 많으실 거예요. 오늘은 그런 분들을 위한 유용한 크롬 사전 부가기능을 소개해볼까 합니다. '네이버 영어사전' 크롬 부가기능은 모르는 영어 단어를 더블클릭만으로 네이버 사전을 통해 뜻을 찾아주고 단축키를 눌러 바로 발음을 들어보거나 사전 페이지로 이동할 수도 있는 등 작지만 유용한 기능을 제공합니다. 평소 자주 가..
편리한 크롬 맞춤법 검사기 - Spell Checker
편리한 크롬 맞춤법 검사기 - Spell Checker
2013.11.22오랜만에 유용한 크롬 부가기능을 하나 소개해볼까 합니다. 블로그 운영하시는 분들은 글 작성을 마치고 맞춤법이나 띄어쓰기가 제대로 되었는지 한 번씩 확인하실 텐데요. 저도 포스팅 시 띄어쓰기나 사소한 맞춤법이 틀리는 경우가 많아 오늘 소개해드리는 Spell Checker라는 부가기능을 이용해서 도움을 받곤 합니다. 요 부가기능을 사용하기 전엔 항상 네이버 자동 띄어쓰기 페이지를 통해 검사하곤 했는데, Spell Checker를 이용하면서부터 번거롭게 네이버 사이트 접속 없이 검사를 원하는 문장이나 단어에서 마우스 우클릭을 통해 교정하거나 부가기능 도구 모음에서 클릭 한 번으로 해결합니다. Download Spell Checker for Chrome 주요 기능 12가지 언어의 맞춤법 검사 지원 (영어, 한국..
나중에 읽기 서비스 Pocket, 크롬 부가기능 2종
나중에 읽기 서비스 Pocket, 크롬 부가기능 2종
2013.10.06오늘은 나중에 읽기 서비스인 Pocket (Read it later)의 크롬 부가기능 두 종류를 소개해볼까 합니다. Pocket 서비스에 대해 간단하게 설명드리자면...... 인터넷을 서핑하며 뉴스나 블로그 등에서 수많은 기사를 접하게 됩니다. 하지만 그 많은 글들을 그자리에서 다 읽을 수 없죠. 이때 Pocket 서비스인 나중에 읽기 목록에 추가시키면 PC, 아이패드, 아이폰, 안드로이드 등 저장된 문서를 언제 어디서든 다양한 플랫폼에서 읽을 수 있습니다. 특히 광고나 불필요한 프레임들을 자동으로 없애줘 글 읽기에 최적화된 레이아웃을 제공합니다. 배경색도 낮에 읽기 좋은 흰색/베이지 그리고 밤이나 어두울 때를 위한 검은색 총 3가지가 있습니다. 배경색 선택은 포켓 서비스를 애용하는 큰 이유중 하나입니다..
크롬에서 구글 서비스 접속 오류 현상 해결방법
크롬에서 구글 서비스 접속 오류 현상 해결방법
2013.09.253개월간 데스크톱 컴퓨터를 관리할 시간이 없어 크롬 브라우저의 업데이트 역시 놓치고 있었는데요, 얼마 전 29 버전(29.0.1547.76)으로 업데이트 후 지메일이나 구글 플러스 접속이 원활하게 이루어지지 않는 현상을 겪었습니다. 일시적인 서비스 장애 이거니 생각해 2~3일 정도 지켜보았지만 역시나 페이지 접속 중 타임 오버로 인해 빈 화면만 나타났습니다. 크롬은 자체적으로 플래시를 내장하고 있으니 관련 문제이겠다 싶어 최신 버전으로 업데이트도 해보고 내장 플러그인을 꺼보기도 했지만 결과는 역시나 똑같습니다. 그러던 중 우연히 해결 방법을 찾았는데요, 바로 광고 차단 부가기능인 Adblock 때문이었습니다. 애드블록의 설정-일반 항목 중 "구글 검색 결과에 텍스트 광고 보이기" 옵션에 체크하면 지메일이..
구글 크롬 데스크톱용 웹 스토어 오픈, 크롬 앱스 서비스 본격 개시
구글 크롬 데스크톱용 웹 스토어 오픈, 크롬 앱스 서비스 본격 개시
2013.09.19몇 개월 전 크롬 북 픽셀이 출시되어 논란이 되었던 적이 있었죠, 아무런 운영체제 없이 구글 크롬으로만 그 용도를 활용하게 만든 노트북. 맥북 레티나를 뛰어넘는 해상도와 터치 스크린을 지원하고 클라우드 기반으로 모든 작업을 유도한 종래에 없던 방식의 노트북입니다. 하지만 비싼 가격, 윈도우 운영체제가 아니면 업무가 불가능한 국내 컴퓨팅 환경의 특성상 많은 관심을 끌지 못한 것 같습니다. 여러 서비스를 제공하는 구글에서 이쯤 되면 자체적인 데스크톱 OS가 나올 거 같은 느낌이 종종 들긴 했는데, 최근 구글 크롬 웹 스토어에 데스크톱용 컬렉션을 선보였네요, 크롬 브라우저를 실행하지 않아도 앱 런쳐를 통해 Pocket, Google Keep 등의 앱들을 실행시킬 수 있습니다. 아직 앱 런쳐를 지원하는 앱이 많..
[강추] 구글 크롬의 세션(탭)을 자동 저장, 복구시켜주는 - Session Buddy
[강추] 구글 크롬의 세션(탭)을 자동 저장, 복구시켜주는 - Session Buddy
2013.05.08구글 크롬은 파이어폭스와 다르게 구동 후 5초가 지나면 세션 복구 버튼이 사라집니다. 이 때문에 오류나 실수로 크롬이 꺼지고 다시 시작했을 때, 깜빡 잊고 복구 단추를 누르지 못하면 이전에 열어놓았던 소중한 탭 정보들이 모두 사라져 버립니다. 물론 일일이 방문 기록을 살펴보며 찾을 수 있지만 이 또한 매우 소모적이고 귀찮은 일입니다. 오늘은 세션 자동 저장 및 복구 기능으로 이러한 문제점을 해결시켜줄 Session Buddy를 소개해볼까 합니다. 파이어폭스의 Tab Mix Plus 부가기능의 세션 복구와 비슷한 기능을 수행함으로써 구글 크롬 사용자들에겐 필수라고 생각됩니다. 📌 Download : Session Buddy 기능 살펴보기 ▲ 좌측 박스 창에 현재, 어제, 이번 주, 저번 주 등 시간 순으로..
구글 크롬 새 탭(페이지)을 변경해주는 추천 부가기능 6종 소개
구글 크롬 새 탭(페이지)을 변경해주는 추천 부가기능 6종 소개
2013.05.06구글 크롬 자체 새 탭 페이지는 자주 방문한 사이트와 설치된 앱의 목록을 기본으로 보여줍니다. 하지만 제한적인 사용성과 매번 똑같은 새 탭 페이지는 식상해지기 마련이죠. 오늘은 구글 나우, 윈도우 8 매트로 UI 등 다양한 형식의 새 탭 페이지를 제공하는 부가기능 6가지를 소개해보겠습니다. 파이어폭스에선 Speed Dial을 사용했는데 오히려 크롬에선 더 많은 종류에 부가기능이 있네요. 추천 항목엔 ★ 표시를 해두었습니다. 1. Speed Dial ★ 📌 부가기능 다운로드 파이어폭스 확장기능을 시작으로 가장 인기가 많았던 새 탭 부가기능입니다. 원하는 페이지들을 임의로 지정할 수 있으며 유튜브, 구글, 트위터 등 유명 웹사이트들에 대해선 자체적인 썸네일을 제공하여 전체적인 시각적 조화를 이루어줍니다. 우..
구글 크롬 확장 프로그램 간단하게 On/Off 하기 - Extension Swtich
구글 크롬 확장 프로그램 간단하게 On/Off 하기 - Extension Swtich
2013.04.24전 30개 정도의 크롬 확장 프로그램을 사용합니다. 하지만 많은 부가기능을 켜 놓으면 자연스레 속도 저하가 일어나는데요. 거기다 10개 이상의 탭을 열어 놓고 사용하면 아무리 최적화가 잘 되어있는 사이트도 느린 로딩 속도를 겪게 됩니다. 특히 스크립트를 각 사이트에 적용하는 그리스 몽키(Tempermonkey) 등을 사용하면 그 정도는 더욱 심해집니다. 그래서 오늘은 우측 상단 부가기능 도구 모음에서 간단히 확장 프로그램을 On/Off 할 수 있는 녀석을 소개해볼까 합니다. Extension Switch 일반적인 경우 확장 프로그램을 켜고 끄려면 '확장 프로그램 관리'메뉴로 들어가 '사용 설정됨'에 체크 해제해야 합니다. 하지만 매번 이런 과정을 거치려면 매우 귀찮습니다. Extension Switch는..
구글 링크 리디렉션 기능을 무력화시켜주는 - Remove Google Redirects
구글 링크 리디렉션 기능을 무력화시켜주는 - Remove Google Redirects
2013.04.21오늘은 간단한 크롬 부가기능을 소개해볼까 합니다. 구글 검색은 기본적으로 사이트 악성코드, 바이러스 감염 여부 혹은 사용자 경로 추적을 위해 리디렉션 기능을 모든 페이지에 적용시키는데요, 기본적으로 백신에 이러한 브라우저 보호 기능이 탑재되어 있어 중복작업을 하는 경우가 많습니다. 게다가 리디렉션을 하게 되면 구글을 통해 링크로 접속되기 때문에 간헐적으로 사이트 접속에 오류가 발생한다거나 링크 주소 확보 등에 있어서 귀찮은 상황이 발생합니다. 그래서 오늘 소개해드릴 구글의 리디렉션 기능을 해제시켜주는 Remove Google Redirects가 유용하게 쓰입니다. 📌 Remove Google Redirects 다운로드 적용 전 적용 후 부가기능 설치 후 별다른 설정은 필요하지 않습니다. 위 그림과 같이 ..
활성화되지 않은 탭의 메모리를 확보해주는 크롬 부가기능 - TabMemFree
활성화되지 않은 탭의 메모리를 확보해주는 크롬 부가기능 - TabMemFree
2013.04.18인터넷 웹서핑을 하다 보면 자연스럽게 탭을 5개 이상 열어 놓고 사용하는 경우가 많습니다. 하지만 크롬 브라우저의 최대 단점 중 하나가 메모리를 필요 이상으로 많이 잡아먹는 것인데요. 특히 다중 탭의 상황에선 이러한 메모리 누수현상은 더욱 심해집니다. 오늘은 지정한 시간 이내에 활성화되지 않은 탭의 메모리/CPU 낭비를 방지해주는 크롬 부가기능을 소개해볼까 합니다. 📌 TabMemFree 다운로드 설치 후 생성되는 TabMemFree 아이콘을 눌러 실행시키면 활성화되지 않는 탭이 CPU와 메모리 자원을 잡아먹는 현상을 자동으로 방지해줍니다. 설정에선 고정된 탭에 대한 적용 여부(Pinned), 실행 간격(Check Period), 탭 비활성화 시간(Tab timeout) 등을 조절하실 수 있습니다. 참고..
링크 주소 복사와 관련된 유용한 크롬 부가기능 2가지 - Copy Link Address/Name
링크 주소 복사와 관련된 유용한 크롬 부가기능 2가지 - Copy Link Address/Name
2013.04.12오늘은 구글크롬의 링크 주소를 복사할 때 유용한 Copy Link Address와 링크된 텍스트를 손쉽게 복사할 수 있는 Copy Link Name이라는 확장 프로그램을 소개해볼까 합니다. 보통 링크의 주소를 복사하고 싶을 땐 해당 링크에 마우스를 대고 우클릭->링크 주소 복사(E) 과정을 거치는데 Copy Link Address 부가기능을 사용하면 마우스를 링크에 대고 복사 단축키 (Ctrl + C)만 누르면 해당 링크가 자동으로 클립보드에 저장됩니다. Copy Link Name은 마우스를 댄 링크의 텍스트 부분을 클립보드로 저장해 주는 기능을 합니다. 아래에서 자세히 알아보도록 할까요. Download▼1. Copy Link Name2. Copy Link Address Copy Link Name 마우..