블리스크(브라우저)

Blisk (browser)
이 기사는 웹 브라우저에 대한 것입니다.항공 역학의 블리스크에 대해서는 블리스크를 참조하십시오.
블리스크
Blisk logo icon.svg
2021-01-26 19 19 09-World Wide Web - Wikipedia - Blisk.png
블리스킹 브라우저(버전 14)
초기 릴리즈2016년 5월 9일, 6년 전(2016-05-09)
안정된 릴리스
리눅스19.0.60.43[1] / 2022년 7월 22일; 13일 전(2022년 7월 22일)
MacOS19.0.60.43[1] / 2022년 7월 22일; 13일 전(2022년 7월 22일)
창문들19.0.60.43[1] / 2022년 7월 22일; 13일 전(2022년 7월 22일)
기입처C++[2]
엔진점멸, V8
운영 체제

Windows 7 이후, Linux

플랫폼IA-32, x64, ARMv7, ARMv8-A
유형웹 브라우저
면허증.Blisk 서비스[3][note 1] 약관의 프리웨어
웹 사이트blisk.io

Blisk는 프리미엄[4] 크롬 기반의 웹 브라우저입니다.데스크탑, 태블릿,[5] 모바일 등 다양한 디바이스의 웹 개발 및 테스트를 위한 광범위한 도구를 제공함으로써 생산성과 코드 품질을 향상시키는 것을 목표로 하고 있습니다.

역사

최신 세대의 블리스크 애플리케이션은 2021년 [6]1월 15일 블리스크 팀이 발표한 버전 14의 출시와 함께 시작되었습니다.버전 14에서 Blisk는 새로운 재작업 어플리케이션 코어를 사용하기 시작했고 동기 모드로 여러 디바이스를 동시에 사용할 수 있게 되었습니다(URL과 스크롤 위치에 따라 디바이스가 서로 일치함), 단일 페이지 어플리케이션의 완전한 지원, 다양한 모바일 네트워크를 시뮬레이션할 수 있는 기능 및 디바이스 캐싱을 제어할 수 있게 되었습니다.

2021년 [7]4월 10일 Linux용 Blisk의 초기 베타 릴리스가 발표되었으며, 2021년 [8]5월 7일 Blisk 팀이 Linux 기반 OS(Ubuntu, Debian, Fedora, OpenSUSE)의 퍼블릭 Linux 릴리스와 지원을 발표했습니다.

특징들

블리스크는 최소한의 사용자 인터페이스를 특징으로 하는 크롬, 구글 크롬과 같다.예를 들어 주소 표시줄과 검색 표시줄을 옴니박스로 [9]병합하는 경우입니다.Blisk는 선택한 장치와 데스크톱 컨텐츠를 나란히 볼 수 있는 기능을 갖추고 있습니다.워크스페이스는 디바이스가 왼쪽을 차지하고 데스크톱 컨텐츠가 오른쪽을 차지하고 있는 상태에서 둘로 나눌 수 있습니다.

사용자 인터페이스

기본 사용자 인터페이스는 탭, 주소 표시줄(Omnibox), 도구 모음, 도구 상자, 장치 컨텐츠, 스플리터 및 데스크톱 [10]컨텐츠로 구성됩니다.

탭은 Blisk의 사용자 인터페이스의 주요 구성 요소이며 컨트롤이 아닌 창 상단에 위치합니다.디바이스 및 데스크톱 콘텐츠의 존재와 모양은 사용자가 관리하며 탭에 따라 다를 수 있습니다.

Omnibox는 주소 표시줄과 검색 상자의 기능을 모두 결합한 URL 상자입니다.사용자가 이전에 검색한 사이트의 URL을 입력하면 Blisk는 Tab 키를 눌러 Omnibox에서 직접 사이트를 다시 검색할 수 있습니다.사용자가 Omnibox에 입력을 시작하면 Blisk는 이전에 방문한 사이트(URL 또는 페이지 내 텍스트에 기반), 인기 웹 사이트(이전에는 방문하지 않아도 됨) 및 인기 검색에 대한 제안을 제공합니다.이전에 방문한 사이트를 기반으로 한 제안은 해제할 수 없습니다.또한 블리스크는 자주 방문하는 사이트의 URL을 자동으로 완성합니다.사용자가 이전에 방문한 웹 사이트와 일치하지 않는 키워드를 옴니박스에 입력하고 Enter 키를 누르면 Blisk는 기본 검색 엔진을 사용하여 검색을 수행합니다.

Blisk의 툴바에는 왼쪽에 개발자 모드 전환 버튼과 오른쪽에 뒤로, 앞으로, 새로 고침/취소 버튼이 있습니다.Forward, Refresh/Cancel 버튼이 있습니다.홈 버튼은 기본적으로는 표시되지 않지만 [설정(Settings)]페이지에서 추가하여 사용자를 새로운 탭페이지 또는 커스텀홈페이지로 이동할 수 있습니다.

Blisk 버전 14.0.69.187의 브라우징 모드(위 이미지) 및 개발 모드(아래 이미지)


워크플로우

Blisk는 웹 브라우징 또는 웹 애플리케이션 구축 및 테스트 중에 IT 스페셜리스트의 성능을 향상시키는 것을 목적으로 하는 소프트웨어입니다.사용자는 각 탭에서 브라우징 모드 또는 개발자 모드로 작업할 수 있습니다.두 모드는 서로 다른 탭에서 동시에 사용할 수 있습니다.


브라우징 모드와 개발자 모드

브라우징 모드는 웹에서 무언가를 찾고 웹 콘텐츠와 미디어를 볼 때 사용합니다.이 모드는 Google Chrome, Internet Explorer, Microsoft Edge, Safari 또는 Firefox와 같은 다른 일반적인 웹 브라우저와 동일한 레이아웃을 표시하고 작동합니다.Developer Mode는 메뉴와 함께 커스텀 레이아웃을 사용하여 디바이스를 표시합니다.이 모드는 웹 개발 및 웹 응용 프로그램 테스트에 사용됩니다.


개발자 모드

개발자 모드는 확장 모드이며 웹 개발 및 테스트 기능을 포함합니다.개발자 모드를 활성화하면 Blisk는 디바이스 및 기타 인터페이스 요소 및 컨트롤(메뉴, 알림, 디바이스 페인, 디바이스, 대화 상자 오버레이 등)을 표시합니다.

개발자 모드를 활성화하려면 Omnibox 왼쪽에 있는 개발자 모드 버튼을 클릭해야 합니다.마지막으로 사용한 디바이스 세트가 열리거나 디바이스 매니저가 기동됩니다.디바이스 세트로 사용할 디바이스를 선택할 수 있습니다.디바이스는 사용자가 오른쪽 상단 모서리에 있는 디바이스 매니저에서 디바이스를 선택하지 않는 한 기본적으로 숨겨집니다.디바이스 외에 Blisk는 Google Chrome, Internet Explorer, Microsoft Edge, Safari 또는 Firefox와 같은 일반 브라우저 웹 뷰인 Chrome과 같은 데스크톱 뷰를 제공합니다.

Blisk의 "Development Domain" 버튼

개발 도메인

웹 개발 및 테스트를 위해 사용자는 Developer Mode에서 Development Domain 옵션을 사용해야 할 수 있습니다.Blisk를 특정 도메인(예: localhost)으로 이동한 후 이 옵션을 사용할 수 있게 됩니다.Development Domain 버튼을 클릭하여 현재 도메인을 Development Domain 목록에 추가합니다.다음 번에 사용자가 특정 개발 도메인으로 이동할 때 Blisk는 [11]자동으로 개발자 모드를 시작합니다.


디바이스 에뮬레이션

Blisk에는 시뮬레이션이 가능한 전화기, 태블릿, 노트북 및 데스크톱 세트가 미리 설치되어 있어 개발자는 여러 기기와 브라우저에서 코드가 어떻게 렌더링되는지 쉽게 테스트할 수 있습니다.이 기능을 사용하여 다양한 화면 해상도와 픽셀 [12]비율에 대한 디자인을 비교할 수 있습니다.디바이스 시뮬레이션을 통해 개발자는 실제 디바이스에 의존하지 않고 다양한 환경에서 페이지 동작을 테스트할 수 있습니다.Blisk의 디바이스는 원래 화면 해상도, 세로 방향 또는 가로 방향, 디바이스 픽셀 비율, 사용자 에이전트 및 터치 [13]이벤트를 지원합니다.2019년 5월 현재 Blisk는 웹 개발 및 테스트 요구를 [13]위해 50개 이상의 장치를 지원합니다.

전화

OS: Android 및 iOS.

벤더: Apple Inc., Google, LG, Samsung, OnePlus.

iOS 디바이스:

Android 장치:

태블릿

OS: Android 및 iPadOS.

벤더: Apple Inc., Google.

Blisk 버전14.0.69.187의 디바이스 매니저
디바이스 패널에서 Blisk 브라우저로 빠르게 디바이스 전환

iPadOS 장치:

Android 장치:

노트북

OS: macOS 및 Windows.

벤더: Apple Inc., Dell.

MacOS 디바이스:

Windows 디바이스:

  • 노트북 1366×768
  • 노트북 1280×800

데스크톱

OS: macOS 및 Windows.

데스크톱:


버전 [79]14에서 Blisk는 이전 데스크톱 뷰를 대체하는 "크롬과 같은 데스크톱 뷰"라는 뷰를 도입했습니다.Chrome과 같은 데스크톱 보기는 다른 일반적인 웹 브라우저에 나타나는 것과 같은 일반 웹 보기입니다.

Blisk 팀은 기존 Device Manager와 더불어 디바이스 패널에서 디바이스를 빠르게 전환하기 위한 추가 솔루션을 도입했습니다.이 기능은 패치 14.0.69.187로 [80]출시되었습니다.


에러 감시

Developer Mode를 활성화하면 Blisk는 JavaScript의 페이지 오류 및 부팅된 각 디바이스 간에 로드되지 않은 리소스를 모니터링하기 시작합니다.에러 또는 경고가 표시될 때마다, 각 디바이스 패널의 왼쪽 하단에 알림이 표시됩니다.오류 알림을 클릭하면 텍스트별로 그룹화되어 유형별로 정렬될 수 있는 오류 및 경고 목록이 있는 창이 열립니다.


캡처

Developer Mode 를 유효하게 하면, 유저는 다른 타입의 스크린샷을 촬영하거나, 화면의 비디오를 녹화하거나 하는, 다른 캡쳐 옵션을 사용할 수 있습니다.

사용자는 전체 디바이스 세트의 스크린샷을 찍거나(시작된 모든 디바이스가 스크린샷에 표시됨) 단일 디바이스의 스크린샷을 찍을 수 있습니다.Menu > Settings > Captures의 "Auto-Upload to cloud storage" 설정에 따라 사용자는 다음을 수행할 수 있습니다.

  • 스크린샷을 클라우드 스토리지에 업로드합니다.
  • Image Editor라는 전용 도구로 스크린샷을 편집합니다.
  • 스크린샷을 다운로드하여 파일 시스템에 저장합니다.

사용자는 제한된 시간 동안 화면의 동영상을 녹화할 수 있습니다.2021년 1월 현재 비디오 녹화 시간은 2분으로 제한되어 있습니다.비디오는 브라우징 모드와 개발자 모드 양쪽에서 녹화할 수 있습니다.사용자는 화면의 비디오를 녹화하면서 모드를 전환할 수도 있습니다.


스크롤 동기화

개발자는 두 개의 다른 기기를 보면 프로젝트 요소가 여러 기기를 동시에 스크롤하여 어떻게 번역되는지 쉽게 알 수 있습니다. 즉, 사용자가 화면에서 스크롤하면 블리스크는 자신이 선택한 [12]에뮬레이트된 기기에서도 같은 양을 스크롤합니다.개발자는 때때로 페이지를 수동으로 업데이트할 필요 없이 웹 개발에 집중할 수 있습니다.


Blisk DevTools

Blisk 브라우저의 여러 DevTools

Blisk DevTools는 Blisk 응용 프로그램에 직접 내장된 웹 개발자 도구 세트입니다.DevTools는 페이지를 즉시 편집하고 문제를 신속하게 진단할 수 있도록 지원하므로 사용자는 보다 나은 웹 사이트를 보다 빠르게 구축할 수 있습니다.2021년 2월 16일에 출시된 버전14.0.71.69에서 Blisk 팀은 다음을 구현했습니다.

  • 여러 개발자 도구 동시 사용
  • 개발자 도구 도킹
  • 개발자 도구를 사용하여 HTML 요소를 편리하게 검사합니다.
  • 개발자 도구가 별도의 창에 도킹 해제됨
  • 다른 [81]창에서 개발자 도구를 시작합니다.


페이지 자동 새로 고침

Blisk는 로컬 코드의 변경을 자동으로 추적하여 페이지를 갱신할 수 있으므로 개발이 용이합니다.[5]버전 3.1.62.192 이후 Blisk는 참조된 CSS [82]파일에 대한 파일 시스템 변경에 따라 자동으로 웹 사이트 스타일을 업데이트할 수도 있습니다.페이지 자동 새로 고침은 낮은 수준의 네이티브 시스템 API를 사용하여 사용자가 지정한 파일 및 폴더의 변경을 감시합니다.감시 대상 파일 또는 폴더가 변경되면 Blisk는 디바이스에 표시되는 웹 페이지를 자동으로 갱신하여 개발자가 새로운 코드가 웹 페이지의 외관 및 기능에 어떻게 영향을 미치는지 쉽게 알 수 있도록 합니다.


명령줄 및 기타 웹 브라우저와의 통합

버전 16.0.79.[83]98의 릴리스에서 Blisk 팀은 새로운 기능인 Windows의 명령 프롬프트와 MacOS 및 Linux의 터미널과의 통합을 발표했습니다.이러한 통합으로 명령줄에서 커스텀 디바이스 세트로 Blisk를 실행할 수 있게 되었습니다.또한 사용자는 디바이스 세트의 URL 및 디바이스 방향을 지정할 수 있습니다.

다른 웹 브라우저와의 통합도 버전 16.0.79.98에서 등장한 기능입니다.Blisk 팀은 Blisk 링크를 인식하는 전용 URL 핸들러를 구현했습니다.커스텀 URL은 다음 문자로 시작합니다.blisk://프로토콜입니다.설치된 Blisk URL 핸들러를 통해 사용자는 다른 브라우저의 주소 표시줄(Omnibox), 확장자 또는 [84]북마크릿에서 커스텀 디바이스 세트를 사용하여 Blisk를 시작할 수 있습니다.


사생활

인코니토

Blisk는 Incognito 모드를 지원하므로 브라우저가 방문한 웹 사이트의 이력 정보나 쿠키를 영구적으로 저장할 수 없습니다.Incognito 모드는 다른 웹 브라우저의 개인 브라우징 기능과 유사합니다.모든 창에 저장되는 것을 막는 것은 아닙니다. "익명의 창과 열려 있는 일반 창 사이를 전환할 수 있습니다.미지의 창을 사용할 때만 미지의 모드가 됩니다."


스피드

V8 JavaScript 엔진인 Chromium에서 상속받은 Blisk가 사용하는 JavaScript 가상 머신에는 동적 코드 생성, 숨겨진 클래스 전환, 정확한 가비지 수집 등의 기능이 있습니다.

「 」를 참조해 주세요.

메모들

  1. ^ Blink 레이아웃 엔진과 V8 JavaScript 엔진은 각각 무료 오픈 소스 소프트웨어이며, 다른 구성 요소는 각각 오픈 소스 또는 독점 소프트웨어입니다.단, Blisk의 서비스 약관 섹션9 에서는 패키지 전체가 프리웨어로 지정되어 있습니다.

레퍼런스

  1. ^ a b c "Blisk v.19.0.60.43: New Android devices by Google and Samsung, Custom device Templates, and Address bar position for iOS devices". 22 July 2022. Retrieved 2 August 2022.
  2. ^ Lextrait, Vincent (January 2010). "The Programming Languages Beacon, v10.0". Archived from the original on May 30, 2012. Retrieved March 14, 2010.
  3. ^ "Blisk Terms of Service".
  4. ^ "Blisk Pricing". Retrieved April 10, 2017.
  5. ^ a b "The Blisk browser is a web developer's dream come true". Mashable. Retrieved May 13, 2016.
  6. ^ Team, Blisk. "Blisk release 14.0.68.304". Blisk. Retrieved 2021-02-02.
  7. ^ Team, Blisk. "Blisk release 14.1.457.86". Blisk. Retrieved 2021-04-10.
  8. ^ Team, Blisk. "Blisk release 15.0.221.130". Blisk. Retrieved 2021-05-07.
  9. ^ Rafe Needleman (May 14, 2008). "The future of the Firefox address bar". CNET News. Retrieved May 13, 2010.
  10. ^ Blisk team (May 22, 2019). "Blisk's User interface". Blisk team. Retrieved May 22, 2019.
  11. ^ Team, Blisk. "Getting started with Blisk browser". Blisk. Retrieved 2021-02-01.
  12. ^ a b "Blisk is the browser every developer has been longing for". The Next Web. Retrieved May 13, 2016.
  13. ^ a b "Blisk's supported devices". Blisk team. Retrieved May 23, 2019.
  14. ^ Blisk, Team. "iPhone SE: viewport, screen size, CSS pixel ratio, cross-browser compatibility". Blisk. Retrieved 2021-08-11.
  15. ^ Blisk, Team. "iPhone SE 2020: viewport, screen size, CSS pixel ratio, cross-browser compatibility". Blisk. Retrieved 2021-08-11.
  16. ^ Blisk, Team. "iPhone SE 2022: viewport, screen size, CSS pixel ratio, cross-browser compatibility". Blisk. Retrieved 2022-08-02.
  17. ^ Blisk, Team. "iPhone 6s: viewport, screen size, CSS pixel ratio, cross-browser compatibility". Blisk. Retrieved 2021-08-11.
  18. ^ Blisk, Team. "iPhone 6s Plus: viewport, screen size, CSS pixel ratio, cross-browser compatibility". Blisk. Retrieved 2021-08-11.
  19. ^ Blisk, Team. "iPhone 7: viewport, screen size, CSS pixel ratio, cross-browser compatibility". Blisk. Retrieved 2021-08-11.
  20. ^ Blisk, Team. "iPhone 7 Plus: viewport, screen size, CSS pixel ratio, cross-browser compatibility". Blisk. Retrieved 2021-08-11.
  21. ^ Blisk, Team. "iPhone 8: viewport, screen size, CSS pixel ratio, cross-browser compatibility". Blisk. Retrieved 2021-08-11.
  22. ^ Blisk, Team. "iPhone 8 Plus: viewport, screen size, CSS pixel ratio, cross-browser compatibility". Blisk. Retrieved 2021-08-11.
  23. ^ Blisk, Team. "iPhone X: viewport, screen size, CSS pixel ratio, cross-browser compatibility". Blisk. Retrieved 2021-08-11.
  24. ^ Blisk, Team. "iPhone XR: viewport, screen size, CSS pixel ratio, cross-browser compatibility". Blisk. Retrieved 2021-08-11.
  25. ^ Blisk, Team. "iPhone XS: viewport, screen size, CSS pixel ratio, cross-browser compatibility". Blisk. Retrieved 2021-08-11.
  26. ^ Blisk, Team. "iPhone XS Max: viewport, screen size, CSS pixel ratio, cross-browser compatibility". Blisk. Retrieved 2021-08-11.
  27. ^ Blisk, Team. "iPhone 11: viewport, screen size, CSS pixel ratio, cross-browser compatibility". Blisk. Retrieved 2021-08-11.
  28. ^ Blisk, Team. "iPhone 11 Pro: viewport, screen size, CSS pixel ratio, cross-browser compatibility". Blisk. Retrieved 2021-08-11.
  29. ^ Blisk, Team. "iPhone 11 Pro Max: viewport, screen size, CSS pixel ratio, cross-browser compatibility". Blisk. Retrieved 2021-08-11.
  30. ^ Blisk, Team. "iPhone 12 Mini: viewport, screen size, CSS pixel ratio, cross-browser compatibility". Blisk. Retrieved 2021-08-11.
  31. ^ Team, Blisk. "Blisk release 15.1.151.108". Blisk. Retrieved 2021-08-11.
  32. ^ Blisk, Team. "iPhone 12: viewport, screen size, CSS pixel ratio, cross-browser compatibility". Blisk. Retrieved 2021-08-11.
  33. ^ Team, Blisk. "Blisk release 15.1.151.108". Blisk. Retrieved 2021-08-11.
  34. ^ Blisk, Team. "iPhone 12 Pro: viewport, screen size, CSS pixel ratio, cross-browser compatibility". Blisk. Retrieved 2021-08-11.
  35. ^ Team, Blisk. "Blisk release 15.1.151.108". Blisk. Retrieved 2021-08-11.
  36. ^ Blisk, Team. "iPhone 12 Pro Max: viewport, screen size, CSS pixel ratio, cross-browser compatibility". Blisk. Retrieved 2021-08-11.
  37. ^ Team, Blisk. "Blisk release 15.1.151.108". Blisk. Retrieved 2021-08-11.
  38. ^ Blisk, Team. "iPhone 13 Mini: viewport, screen size, CSS pixel ratio, cross-browser compatibility". Blisk. Retrieved 2021-09-22.
  39. ^ Team, Blisk. "Blisk 16.1.94.111: Mobile test on iPhone 13 mini, iPhone 13, iPhone 13 Pro, iPhone 13 Pro Max". Blisk. Retrieved 2021-08-26.
  40. ^ Blisk, Team. "iPhone 13: viewport, screen size, CSS pixel ratio, cross-browser compatibility". Blisk. Retrieved 2021-09-22.
  41. ^ Team, Blisk. "Blisk 16.1.94.111: Mobile test on iPhone 13 mini, iPhone 13, iPhone 13 Pro, iPhone 13 Pro Max". Blisk. Retrieved 2021-08-26.
  42. ^ Blisk, Team. "iPhone 13 Pro: viewport, screen size, CSS pixel ratio, cross-browser compatibility". Blisk. Retrieved 2021-09-22.
  43. ^ Team, Blisk. "Blisk 16.1.94.111: Mobile test on iPhone 13 mini, iPhone 13, iPhone 13 Pro, iPhone 13 Pro Max". Blisk. Retrieved 2021-08-26.
  44. ^ Blisk, Team. "iPhone 13 Pro Max: viewport, screen size, CSS pixel ratio, cross-browser compatibility". Blisk. Retrieved 2021-09-22.
  45. ^ Team, Blisk. "Blisk 16.1.94.111: Mobile test on iPhone 13 mini, iPhone 13, iPhone 13 Pro, iPhone 13 Pro Max". Blisk. Retrieved 2021-08-26.
  46. ^ Blisk, Team. "Google Pixel: viewport, screen size, CSS pixel ratio, cross-browser compatibility". Blisk. Retrieved 2021-08-11.
  47. ^ Blisk, Team. "Google Pixel XL: viewport, screen size, CSS pixel ratio, cross-browser compatibility". Blisk. Retrieved 2021-08-11.
  48. ^ Blisk, Team. "Google Pixel 2: viewport, screen size, CSS pixel ratio, cross-browser compatibility". Blisk. Retrieved 2021-08-11.
  49. ^ Blisk, Team. "Google Pixel 2 XL: viewport, screen size, CSS pixel ratio, cross-browser compatibility". Blisk