Firefox의 반응형 디자인 뷰 사전 설정 변경

2311 단어 firefox

  • 위치 표시 줄에 about:config를 입력하고 Enter 키로 시작합니다.
  • 검색 양식에 devtools.responsiveUI.presets 입력
  • devtools.responsiveUI.presets를 마우스 오른쪽 버튼으로 클릭하고 메뉴에서 값 변경을 선택하십시오 (오른쪽 클릭 대신 더블 클릭 가능).
  • 표시된 입력 창의 내용을 다시 쓰고 "OK"로 설정하면 사전 설정 변경이 완료됩니다.

    이하가 초기 프리셋의 내용(보기 쉽게 개행을 넣고 있지만, 실제로는 개행 없음의 1행)

    초기 프리셋
    [
{"key":"768x1024","width":768,"height":1024},
{"key":"800x1280","width":800,"height":1280},
{"key":"980x1280","width":980,"height":1280},
{"key":"1280x600","width":1280,"height":600},
{"key":"1920x900","width":1920,"height":900}
]

    다음이 사용자 정의한 내용. 초기 프리셋에는 없지만, name (을)를 사용해 각 설정에 이름을 붙일 수가 있습니다.

    맞춤 프리셋
    [
{"key":"320x480","name":"iPhone-iPhone4S","width":320,"height":480},
{"key":"320x568","name":"iPhone5-iPhone5s,5c","width":320,"height":568},
{"key":"375x667","name":"iPhone6","width":375,"height":667},
{"key":"414x736","name":"iPhone6plus","width":414,"height":736},
{"key":"360x640","name":"Nexus 5, Xperia Z, Galaxy S3-S5","width":360,"height":640},
{"key":"768x1024","name":"iPad, iPad mini","width":768,"height":1024},
{"key":"800x1280","name":"Nexus 10, Galaxy Tab 10","width":800,"height":1280}
]

    이것을 설정한 화면이 처음의 캡처가 됩니다.

    추기: about:config 에서 devtools.responsiveUI.presets 를 입력해도 아무것도 나오지 않는 경우
    일단 반응형 디자인 뷰를 기동(Ctrl+Shift+m) 해, 「프리셋 추가」로부터 적당한 이름이라도 좋기 때문에 이름을 붙여 추가하면 about:config 에 나오게 됩니다.
    Thanks @burnworks
    • Github 탭이 8자로 보기 어렵기 때문에 extension으로 해결
    Appsmith를 사용하여 Meme 생성기 만들기

    좋은 웹페이지 즐겨찾기

    개발자 우수 사이트 수집

    개발자가 알아야 할 필수 사이트 100선 추천 우리는 당신을 위해 100개의 자주 사용하는 개발자 학습 사이트를 정리했습니다
    best100-homepage