AWS 관리 콘솔에서 단축키를 원합니다!그래, 하자!

개요


AWS 관리 콘솔에서 S3, EC2, VPC, IAM, EC2 열기
마우스 움직임 귀찮아!!단축키 원해!!!!이런 절박한 생각으로 만들어진 것이다.

세 줄을 한데 모으다.

  • Chrome 확장 기능을 사용하는 Script AutoRunner.
  • 왼쪽 Ctrl+m를 누르고 왼쪽 상단의'서비스'를 클릭하세요.
  • 이게 다야.
  • 절차.

  • Chrome 확장 기능 추가
    Chrome에 설치ScriptAutoRunner합니다.
  • 크롬 확장에 뇌신 표지의 아이콘이 나타납니다. 이 아이콘을 누르고 톱니바퀴를 누르세요.
  • 왼쪽 상단의 </> 단추를 누르면 입력 형식을 형성할 수 있다
  • 머리글을 삽입합니다.
    적당히shortcut key 준비해
  • 이 스크립트에 삽입할 대상의hostname을 입력합니다.
    이번에는 AWS의 관리 콘솔의 모든 페이지에 반영하고자 입력console.aws.amazon.com을 했습니다.
  • 스크립트를 삽입하는 행위를 고려합니다.
    AWS 관리 콘솔의サービス 버튼을 클릭하면 메뉴가 펼쳐져 클릭할 수 있는 행동을 하고 싶다.
    아무래도 左Ctrl + m에서 켜는 것 같아요.

    이 button 요소
  • 스크립트 쓰기
  • document.addEventListener('keydown',(event) => {
      if(event.ctrlKey && event.key === 'm') {
        let targetBtn;
        const btns = document.getElementsByTagName('button');
        btns.forEach(btn => {
          if (btn.attributes['data-testid'] && btn.attributes['data-testid'].value === 'aws-services-list-button') targetBtn = btn;
        });
    
        targetBtn.click();
      }
    });
    

    8. 쓰고 나서 텍스트 상자 왼쪽에 있는 플러그 부분을 눌러서 반영한다.
    이 플러그의 ON/OFF는 크롬의 오른쪽 상단에 있는 아이콘에서도 조작할 수 있습니다.

    전기가 통하는 느낌이 드네요.
    9. AWS 관리 콘솔 열기 확인 동작
    나는 左Ctrl + m를 누르면 개폐할 수 있다고 생각한다.
    검색 창이 초점을 맞추기 때문에 바로 입력하고 화살표 키로 선택하면 페이지를 돌릴 수 있는 메뉴를 엽니다.

    총결산


    AWS 관리 콘솔에 단축키가 없어서 해봤어요.
    개인적으로 상당히 편리하다고 생각합니다!이런 느낌이 든다.
    github처럼 있을지도 모르지만 못 찾았어요.있다!이런 사람이 나에게 알려줄 수 있다면 나는 매우 기쁠 것이다.
    추기
    관리자는 곧 UI를 변경하므로 이동할 수 없지만 Script를 적절하게 변경하십시오.
    2020/11/30
    오늘 보니까 사장님이 변했어요.
    페이지를 열면 자동으로 검색 폼에 초점을 맞춥니다!
    (그리고 이 스크립트는 움직이지 않는다...)

    단축키가 분배된 부분도 볼 수 있어 앞으로의 발전을 기대합니다!

    좋은 웹페이지 즐겨찾기