VoidNoble IT Zone

mobile chrome 에서썸네일 넓이가 110px 미만이면 흐릿하게 blur 처리가 되는데 또렷하게 보이도록 해당 기능 막는법 img { image-rendering: optimizeSpeed; /* */ image-rendering: -moz-crisp-edges; /* Firefox */ image-rendering: -o-crisp-edges; /* Opera */ image-rendering: -webkit-optimize-contrast; /* Chrome (and Safari) */ image-rendering: optimize-contrast; /* CSS3 Proposed */ -ms-interpolation-mode: nearest-neighbor; /* IE8+ */ } http:/..

https://developers.google.com/chrome-developer-tools/docs/remote-debuggingChrome 32 이상부터 기본기능으로 가능 (이전버젼은 확장 설치로 가능)Android 기기를 USB로 연결하고데스크톱이나 랩톱의 크롬 주소창에chrome://inspect 또는 메뉴 > 도구 > 기기 검사 선택만약 Devices 페이지에 Pending authentication: please accept debugging session on the device. 라는 메세지만 뜨고 기기가 나타나지 않으면터미널에서 adb devices 실행다시 크롬의 기기 검사 페이지를 확인하면 Chrome (32.0.1700.99) 와 같이 목록이 나타날것.

CKEditor를 내용 입력부분에 적용한 CMS 툴에서 어느날 내부 클라이언트 한명이 한컴 한글에서 붙여넣기 하면 글자 크기가 달라진다는 문제를 들고 왔다.일단 한글의 환경설정에서 복사&붙여넣기시 텍스트 형식으로 붙여넣기 옵션을 체크하도록 했으나 해당 문제는 여전했다.UX를 확인하려고 직접 입력 과정등을 시연해달라 했고 문제점을 파악 할 수 있었다.문제는 결론적으로 크롬 Webkit 버그 때문이었는데 한컴 한글에서 작성한 텍스트 전체를 복사 하고 CKEditor 에 붙여넣기 까지는 아무 문제 없다.CKEditor 상에서 문장의 윗부분에 필요없는 라인 제거를 위해 DEL 키나 Backspace 키를 누르는 순간 (이 앞의 P 태그 제거하기 위해 Backspace 누름)문장문장위와같이 쓸데없는 태그가 생성된..

사례 #1 윈도우8 설치를 끝내고 IE 10 을 띄웠더니 IE 창과 함께 오류 대화상자가 함께 띄워지고 IE 창은 작동되지 않으며 종료해야만 하는 문제가 발생.사례 #2 윈도우8 크롬 설치를 끝내고 IE Tab Multi 확장 설치 후 어떤 웹페이지를 띄웠더니 NPAPI 오류 페이지만 떨렁 보여줌.해결책 인터넷 속성 > 보안 > [ ] 보호 모드 사용(Internet Explorer를 다시 시작해야 함) 체크 해제!구글링으로도 해결책이 찾아지지 않았었음.

Windows 8 에서 크롬 사용 중 메뉴에 Windows 8 모드에서 Chrome 다시 시작이 있길래 한번 눌러봤다가 생고생.일단 한번 Windows 8 모드(=메트로앱 모드)가 되면 다시 메뉴에서 데스크톱에서 Chrome 다시 시작 눌러봤자 데스크톱 모드로 실행되지 않았으며 데스크톱모드의 작업표시줄에 고정해 둔 크롬 아이콘을 눌렀을 때 Windows 8 모드로 열려버리는 문제 발생.마지막 사용한 모드를 기억한다는 구글의 글이 존재하여 데스크톱 모드의 작업표시줄 크롬 아이콘을 오른쪽 클릭한 뒤 새창으로 열면 일단은 데스트톱 모드에서 새창으로 크롬이 띄워지는데 페이지 하나 서핑 후 종료하고 다시 작업표시줄에서 크롬을 띄워보았으나 다시 마찬가지로 Windows 8 모드로 띄워지는 문제 여전.* 해결책: h..

경로 = C:\Documents and Settings\[계정이름].[컴퓨터이름]\Local Settings\Application Data\Google\Chrome\User Data\Default\Extensions\gmlalpeladlomlihinfifagpkpkpfaab\1.1\xmltree.js 원본의 86번째 줄 패치

Super Drag 일반 텍스트로 된 링크도 드래그하고 던지면 링크로 열어줌 Resolution Test 해상도를 변경하여 테스트할 수 있게 해줌 Pendule 웹 개발자 도구 (FF의 그것과 비슷함) MeasureIt! 화면 잣대 (픽셀을 측정) PHP documentation - PHP.net PHP.net 사이트 내에서 문서검색 IE Tab인터넷 익스플로러를 크롬 내에서 띄워줌. 윈도우 전용. jQuery Shell 현재 페이지 내에서 jQuery 명령을 수행할 수 있게 해준다. Ctrl+Shift+L 개발자 도구 내에서도 할 수 있으니 대체 가능하다. Snippy 웹페이지 스크랩 도구 Chrome Sniffer 브라우징 하고 있는 웹사이트에 쓰인 프레임웍과 자바스크립트 라이브러리들을 주소창 아이콘..