레이블이 webbrowser인 게시물을 표시합니다. 모든 게시물 표시
레이블이 webbrowser인 게시물을 표시합니다. 모든 게시물 표시

brave browser

브레이브(brave) 브라우저는 광고를 차단해 준다.
다운로드 https://brave.com/

특히 유튜브 광고 없이 볼 수 있어 좋다.
좋아하는 노래 플레이 리스트 만들었는데 광고가 없이 연속 플레이가 된다.
나라면 굳이 멜론 같은 서비스를 사용할 필요가 없어진다.^^;


#####


[troubleshooting]
폰(안드로이드)에서 youtube 동영상 플레이시 10초이상 지연(로딩중)이 발생하는 경우가 있다.
폰에서 사용하는 브레이브 브라우저 버전 정보
내 경우는 다음과 같이 하니 처음엔 잘됐다.
settings > desktop site 를 활성화해 동영상을 플레이 해본다. 이때는 잘된다.
이제 다시
settings > desktop site 를 비활성화를 한다. 
이제부터는 모바일 화면으로도 지연 없이 플레이 되는 것 같았다.
그런데 또 한참 사용하다 보면 10초 지연 후 플레이 되는 현상이 다시 발생한다.
브레이브 커뮤니티에서 같은 현상이 있지만 아직 해결되지 않는 것 같아 질문함.

위 커뮤니티에 받은 답변으로 brave://adblock > custom rules 적용하니 잘된다!

device-width deprecated

blogger 를 모바일 브라우져로 보면 width 폭이 작게 잡힌다.
유튜브와 같은 고정폭(width="560")의 iframe 경우 동영상 영역이 body 밖으넘어 가게 된다.
다음과 같이 device-width 로 모바일에서도 폭을 자동으로 계산하도록 되어 있었다.

<meta content='width=device-width, initial-scale=1' name='viewport'/>

그런데 device-width 는 deprecated 된 기능이다.
크롬의 경우 버전1 (Released 2008-12-11)
엣지의 경우 버전12 (Released 2015-07-28)
까지만 지원된다고 한다.

위 라인을 삭제하니 모바일에서도 데스크톱과 같은 화면으로 볼 수 있다.

그리고 이제는 다음과 같이 media 쿼리로 각 width 에 맞게 css 설정을 분기한다.

웹페이지 dark mode 보기

개인적으로 어두운 색상이 눈도 편하고 맘에 들어 terminal, IDE 등에 dark 계열 테마를 적용해서 쓴다.
맥,윈도우 OS 자에도 다크모드를 지원해서 native 앱들도 잘 쓸 수 있다.
최근 웹 페이지들도 light(day) <-> dark(night) 를 스위칭할 수 있도록 해준다.
그런데 대부분의 웹페이지는 흰색 배경색이라 chrome extension 에서 stylish 를 사용해서, github, slack, wikipedia 등의 사이트에 맞는 테마를 다운받아 사용했다.
요것보다 모든 페이지를 다크모드로(밝기,선명도등 커스터마이징 가능)해주는 night eye 는 지금 blogger post 편집 화면도 dark 보여준다.
완벽하지 않지만 대부분 사이트를 dark 로 잘 변환해줘서 좋다~
아래 사진 처럼 특히 구글 웹페이지를 잘 바꿔준다.

터미널 웹브라우저 w3m 사용하기

# w3m
# mac 에 설치
brew install w3m

# 검색 페이지 사용하기
# 구글 페이지로 시작
# 링크나 입력박스등 주요 오브젝트는 tab키로 포커싱힌다.(마우스로 입력창을 클릭해도 된다.)
# 입력박스에 포커싱하고 엔터를 누르면 TEXT: 입력란이 생긴다.  -> 검색 포커싱 엔터
w3m www.google.com


# 주요 단축키
H : 도움말
방향키 : 커서 이동
U : 새 url 열기
/ : 페이지내 검색, n(다음 매칭으로 이동), N(이전 매칭으로 이동)
g : goto first line
G : goto last line
[ : first hyperlink
tab : next hyperlink
shift + tab : previous hyperlink
] : last hyperlink
ctrl + h : 페이지 히스토리(next, previous 웹페이지 이동시)
ctrl + u : 입력란에서 현재 커서 앞의 모든 문자 지우기
ctrl + k : 입력란에서 현재 커서 뒤의 모든 문자 지우기
s : 버퍼스택(열었던 페이지) 팝업 메뉴 보기, space (열기)
mouse double click : hyperlink 열기


#####


# lynx
# mac 에 설치
brew install lynx

HTML5 브라우저 테스트 점수

자신 사용하고 있는 브라우저가 HTML5 을 얼마나 잘 구현하고 있는지 점수로 파악할 수 있다.
http://html5test.com/