Chrome DevTools 모바일 스크린캐스트 및 에뮬레이션

Source

• Evernote/IFTTT Feedly/Chrome DevTools for Mobile Screencast and Emulation.md

Summary

2013 년 HTML5Rocks 에서 소개한 Chrome DevTools 의 모바일 디버깅 기능 (스크린캐스트 및 에뮬레이션) 관련 튜토리얼 링크입니다.

Key Points

• Chrome DevTools 의 모바일 원격 디버깅 및 에뮬레이션 기능 소개
• 원문 출처: HTML5Rocks (2013 년 12 월)
• 실제 기술 내용보다는 외부 링크 및 메타데이터만 포함

Related

• 크롬 컨퍼런스 핵심 요약 (Web Components, DevTools, Chrome Apps)

• Synchronized Cross-device Mobile Testing

• O 2013 실험 사례 연구

• 크롬 개발자 도구 101

• 2012년 1,2월 브라우저 기술 동향

• Chrome Packaged Apps (Dev Channel 출시)

• SCR Screen Recorder for Android

• 안드로이드 크롬의 WebRTC 지원 (2013)

• Roll It 생성 사례 연구

• Google Chrome의 고성능 네트워킹 아키텍처

• Web Audio API의 Android Chrome Beta 지원 (2013)

• Chrome Packaged Apps 개요 및 추천 앱

• Web Fundamentals 및 Web Starter Kit 리소스

• Google Drive 활용을 위한 6가지 Chrome 확장 프로그램

• Chrome Beta: 숨겨진 자동 재생 오디오 탭 식별 기능

• Gittip-links Chrome Extension 개발 기록

• Chrome 28 베타: 리치 알림(Rich Notifications) 및 알림 센터 도입

• Chromecast 신규 앱 및 로컬 콘텐츠 스트리밍 지원 발표

• Our checklist for improving mobile websites

• CSS 최신 동향 파악을 위한 Adobe Web Platform 블로그

• Chrome M37 Precision Touch (TouchEvents Float Coordinates)

• Yeoman: 도구를 활용한 더 나은 웹 개발

• 개드립용 크롬 확장 프로그램 만들기 (1 편)

• Google, Web Components 를 웹 개발의 미래로 제시 (2013)

• Puppeteer를 활용한 로컬 개발 서버 대체 방안 (web.dev 사례)

• 5 jQuery Notification Plugins

• Native Navigation (Airbnb)

• Undead Overlord 모바일 RTS 개발 논의 (Experimental Game Dev Podcast)

• 구글 iOS용 크롬 29 버전 주요 기능

• Fluid를 사용하여 웹사이트를 맥 메뉴 바 앱으로 변환하기

• Web Speech API 소개 및 구현 가이드

• 실시간 웹 협업도구 만들기 (홍영택)

• The Web Ahead: Jen Simmons 인터뷰 요약

• 하복(Havok), 모바일 게임 엔진 ‘프로젝트 아나키’ 무료 배포

• 자동차용 ‘콧코로’ 음성인식 비서 앱 개발기

• Google Portable Native Client (PNaCl)

• Web Animations API: element.animate() (Chrome 36)

• #)

• 웹 컴포넌트(1): Keep calm and usetheplatform

• 웹 증강을 위한 엔드유저 언어: 생산자와 소비자 모두를 위한 접근

• Web Push Notifications for a Simple Login System

• 게임 개발팀 A의 정기 회의 매뉴얼

• The “When Can I Use” Web Widget

• 브라우저 개발자 도구의 25 가지 비법 (2011)

• Scrapy 로 웹사이트 크롤링 해보기

• 31 CSS Web Design Galleries You’ll Love

• Android Remote Application Framework (RAF)

• Hiding Native HTML5 Video Controls in Full-Screen Mode

• eBay 의 WebAssembly 활용 사례: 모바일 웹 바코드 스캐너

• 브라우저 동작의 이해 - 리플로우와 리페인트 및 그 최적화

• 2012년 비즈니스 및 마케팅 트렌드 예측 자료 12선 (슬라이드쉐어)

• 모바일 게임의 미래 (2013)

• JavaScript 학습 자료 (2013)

• Roll It: 브라우저 기반 크로스 디바이스 게임 구현 사례

• 미래형 반응형 웹 디자인 (Warpspire)

• DevTools Continuous Painting Mode를 활용한 페인팅 성능 프로파일링

• KT 경제경영연구소 보고서 모음 (니오 필진)

• HTML5 Web App Client-Side Storage 옵션 및 팁

• HTML is the Web ~ Pete Lambert

• ITViewpoint.com: 30분 만에 캔디팡 만들기 영상 소개

• 오프라인 웹 애플리케이션 만들기 (Mozilla 웹 기술 블로그)

• LungoJS: HTML5 기반 모바일 프레임워크

• NDC 2012 강연 자료 링크 모음

• 다이닝코드 모바일 앱 출시

• Firefox 35: Hello 비디오 채팅 개선 및 데스크톱 Marketplace 베타 출시

• CyanogenMod AirPlay 미러링 데모

• 모바일 콘텐츠 서비스와 콘텐츠 유료화 전략

• VueJS 프로젝트에 Prettier + ES6 Lint 적용

• 스마트폰 브라우저에서 즐겨찾기 스크립트를 이용한 해외 사이트 번역

• Buddy.com, 모바일 분석 서비스 진출

• 모바일 브라우저 탭 전환: Swipe vs. Scroll

• Requirify: 브라우저 콘솔에서 동적 라이브러리 로딩

• iOS)

• 언리쉬드 (Unleashed) - 모바일 전략 카드배틀 게임

• 동방 프로젝트 기반 3D 게임 개발 중간 보고

• Chromecast 에서 Game Boy 에뮬레이터 실행 방법 (개념 증명)

• Countly: 실시간 모바일 앱 분석 도구

• Android)

• HTML5 모바일 앱의 해부학 (Anatomy of a HTML5 Mobile App)

• Smart Learning News 19탄: EdTech 동향 (2014)

• 8bit.js: Web Audio API 기반 8비트 사운드 라이브러리

• Ingress 게임 설명용 신규 비디오 공개

• WebRTC 인프라: STUN, TURN 및 시그널링

• 모바일 웹 개발을 위한 화면 크기 측정 속성 분석

• 스크롤 후 고정 콘텐츠 (Scroll-Then-Fix Content)

• HTML에서 Javascript와 CSS 기반으로 애니메이션을 구현하는 방법

• 대학생을 위한 웹 개발 공부 체크리스트

• 웹 성능 크래시 코스 (Ilya Grigorik)

• iOS 개발자의 Android 개발 경험 (Nick Farina)

• Google Web Designer 출시 예정 (2013)

• API 산업 초기 단계 및 Daum DNA API Meetup 후기

• 모바일 WebKit 브라우저의 CSS background shorthand 변경 사항

• 홈페이지 구축 조건 및 계획

• Android Path 2.0 Timeline Thumb 구현

• 대시보드 장착 Nexus 7 및 KITT 테마 커스텀 런처

• Scala + Play Framework 2 Server 성능 향상 시키기

• CSS를 이용한 클라이언트 측 전체 텍스트 검색

• 모바일 웹의 쇠퇴에 대한 논의

• Web Framework Benchmark Inspired

• HTML5 Video Player Comparison (2011)

• 크로스 플랫폼 SSO 기술 (Cross-Platform SSO)

• PC 게임 실행 가능 여부 확인 방법

• Pandora TV 및 게임기용 HTML5 사이트 출시

• YouTube Audio Library 출시

• 운영 분투기

• 모바일 웹의 문제점과 해결 방안 (Brad Frost)

• 모바일 게임 크랙 대응: 서버 로그분석의 중요성

• Distributed Web Worker 개발 중 Promise 및 이벤트 처리 이슈

• WebRTC DataChannel 구현, API 변경 및 크롬-파이어폭스 상호운용성

• Microsoft Office Web Apps 실시간 공동 작성 기능 출시

• HTTP 클라이언트 라이브러리의 리다이렉트 지원 방식 제안

• Adobe Primetime 플랫폼 업데이트 및 터너 브로드캐스팅 계약

• HTML5 Canvas 실시간 드로잉 성능 최적화 가이드

• 웹 브라우저 동작 원리 (2) - 레이아웃 리플로우 최적화

• Sitespeed.io를 사용한 웹사이트 성능 테스트

• TestFairy: Android 앱 베타 테스트 플랫폼

• FireChat: 인터넷 없이 작동하는 P2P 채팅 앱

• Explory: Flash 제작진의 멀티미디어 스토리텔링 앱

• WebAssembly (WASM) 개요 및 설계 목표

• jQuery 애플리케이션 아키텍처 도구 (Addy Osmani)

• Microsoft BrowserSwarm 출시

• WebKit의 웹표준 구현 현황 (2011)

• MixBit iOS 앱 업데이트: 검색, 저장, 공유 기능 개선

• HTML5 기반 프리젠테이션 도구 소개

• Google Keep 코드 분석: Drive 및 비디오 통합 가능성

• GlassBattle: Google Glass 기반 배틀십 게임

• Create React Native App (CRNA) 소개

• Sauce Labs: 크로스 브라우징 테스트 서비스

• Pressy: Android용 원버튼 컨트롤러

• 좀비 아포칼립스 시대의 TED 강연 (DED Talk)

• WebRTC 보안 아키텍처와 호환되지 않는 신원 프로토콜의 적응 방안

• Duolingo Android 앱 출시 및 사용자 기반 확대 전망

• HTML5 게임 오프라인 지원 가이드

• Google Stadia 출시 정보 및 핵심 기능 요약

• 야구9단 아키텍처 (NHN, 2011)

• 폐쇄적인 모바일 혁명과 열린 웹의 종말

• Google Stadia 기술 사양 요약

• Google Classroom 출시 및 개요