메인 안내 페이지
https://developers.google.com/web/tools/chrome-devtools
Chrome DevTools | Tools for Web Developers | Google Developers
Option 1
developers.google.com
하나씩 개발도구 및 CSS 설정들을 보며 따라해 보기
https://developers.google.com/web/tools/chrome-devtools/css
Get Started With Viewing And Changing CSS | Tools for Web Developers
Learn how to use Chrome DevTools to view and change a page's CSS.
developers.google.com
1. hangout
구글 메신저
2. Google 번역
영한 번역 등 번역기능
3. uBlock Origin
팝업 차단 기능
4. Get CRX
Offline 환경에 크롬 extension 설치용 버전 만들기 위한 기능
5. MeddleMonkey
유투브 고화질 다운로드 기능
6. Selenium IDE
UI 테스트 자동화 녹화 및 재생 기능
7. Window Resizer
다양한 화면 크기로 브라우저를 맞춰 세팅해 줌
8. JSONView
JSON 타입의 데이터를 Grouping 하여 이쁘게 조회하여 줌
9. CSSViewer
화면에 특정 위치에 적용된 CSS의 정보를 클릭하여 볼수 있게 해줌
10. spider a website
특정 사이트 내부에 link가 깨지거나 잘못된 화면을 조회하여 줌
11. EditThisCookie
사이트의 쿠키를 수정할 수 있는 기능
12. Web Developer
개발에 필요한 요소들로 구성
화면, CSS, Validate 등 다양한 서비스 존재
화면에서 사용하는 JS, CSS, Cookie, Image 등 다양한 것들을 로딩하지 않은것과 같은 상태로 변경
13. WAVE
CSS 등 오류 검색 (Web Developer에도 있긴 한데 offline 등 환경에서는 부적합)
화면 UI에 오류 내역에 표시됨으로 Web Developer보다는 직관적!
| 테스트 관련 찾아 보기 (0) | 2019.06.11 |
|---|---|
| 글자를 큰 텍스트로 변환해 주는 사이트 (3) | 2019.05.28 |
| C Browser (씨 브라우저) 3.40 (0) | 2013.01.09 |
| 웹 디버깅 문제점 찾기 (0) | 2012.05.11 |
| wget 활용 - 헤더 정보보기 (0) | 2011.06.23 |
오늘 인터넷 신문을 읽던 중...
2. Plug-IN 설치하는 방식
- 첫번째로는 크롬을 설치합니다 -> 다음이나 구글에서 검색하여 설치 가능합니다.
- 두번째는 확장 기능(Plug-IN)을 설치하는 주소를 방문합니다.
https://chrome.google.com/webstore/category/extensions?hl=ko
좌측 상단에 확장 프로그램 검색에 URL을 입력하고 엔터
goo.gl URL Shortener 에서
우측에 +CHROME에 추가를 눌러 설치하면 됩니다.
설치 후 우측상단에 아이콘을 누르면
현재 방문한 주소를 짧게 변경된 정보가 나오며
Copy 는 클립복사 기능 (Ctrl + V를 통해 원하는 곳에 붙이기 가능하며)
QR Code를 누르면 QR 코드 이미지가 바로 화면에 보입니다
| 부팅 테스트 프로그램 MobaLiveCD (0) | 2013.03.27 |
|---|---|
| 아크로 에디터를 유용하게 사용하기 (정규 표현식 사용) (0) | 2013.01.16 |
| 블루스택(BlueStacks) 단말기 정보 임의로 변경하기 (17) | 2012.10.06 |
| 무료 압축 프로그램 반디집 (0) | 2012.06.28 |
| PSI Probe (0) | 2012.01.18 |
크롬에서 Windows Media Player를 설치할 때
보안상의 이유로 계속 설치가 안될 때가 있다...
다운로드 받아서도 계속 설치가 안된다 -_-..
그럴때 방법
wmpChrome.crx 파일을 wmpChrome.zip 으로 변경
위의 zip 파일의 압축을 푼다
크롬의 우측 상단에 스패너 클릭 -> 설정 -> 확장 프로그램 -> 압축해제된 확장 프로그램 로드... -> 위의 압축 해제한 폴더를 등록함.
※ 주소창에 chrome://chrome/extensions/ 를 입력하면 바로 뜬다....
그러면 바로 아래의 화면과 같이 설치가 안되는 이유(매니페스트 버전1은 잠정 중단으로 설치) 안됨을 알수가 있으며,
사용 설정됨이 체크되면 해당 웹페이지에서 Windows Media Player가 정상적으로 로딩 됨을 알 수 있다.
