크롬2

• 

  #크롬 #개발자도구 #기능알아가기 #네트워크속도체크 🌱웹개발을 하면서 능숙히 반복숙달을 해서 알아둬야할 개발자 도구에 대해서 알아보도록 하겠습니다. 모바일 서비스를 구축할때 알아둬야할것은 웹페이지처럼 랜선 기반의 환경이 아닌 모바일 네트워크 환경에서 사용되는 모바일 페이지의 속도에 다른 사용자 UIUX에 대한 쾌적환 환경을 위해 부단히 많은 노력이 필요하다.  이에 개발자도구에서는 인터넷 속도를 편집하거나 기본 제공되는 3G환경을 통해 느린 통신망일때 호출되는 여러 페이지에 대한 리펙도링을 도와 줄수 있다. ⭐사용안함 👉제한 없음⭐사진설정 👉빠른3G(1.6mb/s, 750kb/s, 562.5ms) 👉느린3G(500kb/s, 500kb/s, 2000ms) 👉오프라인(0, 0, 0)⭐맞춤 👉추가.... 🌱다운로드, 업로드, 패킷 로스등 여러가지 .. 💚04_HTML5 & Javascript & CSS/04_Chrome(개발자도구) 2024. 7. 16.

• 

  #User-Agent #Client #Hints #UA프리징 #보안 #크롬 #대안 Navigator 객체에서 제공하는 Useragent함수에는 http헤더에 포함된 User-Agent string에서 브라우저, OS, 사용자의 기기 정보 등 사용자 에이전트 정보를 얻을수 있음 이를 사용하는 큰 이유는 아래와 같다. 1. 특정 버전의 버그 2. OS의 동작 차이 3. 버전에 따른 동작차이 4. 사용자 에이전트에 따라 보여줄 컨텐츠 조작 통상 이런 다양한 이유로 User-Agent string에 담겨져 있는 정보를 사용하였지만 많은 정보량(entropy-엔트로피)이 담겨 있어 개인정보 침해 문제가 발생할수 있습니다. 이에 따라 Chrome은 개인정보 보호를 위한 샌드박스 프로젝트 중 Client Hints를 도입하였다. Client Hint란 클라이언트 및 에이전트의 정보라고 할수 있고 .. 💜99_기타/03_웹 지식 2023. 10. 30.