우리 팀은 스크럼 프로세스에 Jira를 사용하고 있습니다. Jira의 칸반 보드 스크린샷을 매일 받고 싶습니다. this 과 같이 웹사이트 전체 페이지의 스크린샷을 찍을 수 있는 멋진 크롬 확장 프로그램이 있습니다.
그러나 Jira의 칸반 화면은 본문 스크롤을 비활성화합니다. 또한 칸반 보드 요소에 스크롤 막대가 있습니다. 웹 페이지의 전체 화면 스냅샷을 피합니다.

나만의 크롬 확장 프로그램 만들기

크롬 개발자 모드를 통해 CSS를 편집하고 사용하지 않는 스크롤 막대를 제거하고 페이지의 스크롤 막대를 다시 표시하여 Jira 칸반 페이지를 조정하는 데 성공했습니다. 하지만 스크린샷을 찍기 전에 매일 조정하는 것은 고통스러운 일입니다. 더 쉽게 만드는 방법? 이 문서https://qiita.com/dhomma/items/bb49c9f6b66ee936ff5c에서 해결책을 찾았습니다. 이 문서는 특정 사이트의 CSS를 편집할 목적으로 크롬 확장 프로그램을 만드는 방법에 관한 것입니다. 이거 야!

디렉토리 및 파일 만들기

$ mkdir your_directory
$ cd your_directory
$ touch manifest.json
$ touch style.css

마지막으로 파일은 아래와 같습니다.

your_directory
├── manifest.json
└── style.css

매니페스트.json 편집

매니페스트.json

{
  "name": "www.example.com css",
  "version": "1.0",
  "description": "CSS for www.example.com",
  "content_scripts": [
    {
      "matches": ["http://www.example.com/*"],
      "css": ["style.css"]
    }
  ],
  "manifest_version": 2
}

www.example.com를 jira의 것으로 수정하십시오.

style.css 편집

스타일.css

body#jira {
    overflow: scroll!important;
    overflow-x: scroll!important;
    overflow-y: scroll!important;
}

#ghx-detail-contents, #ghx-pool {
    height: fit-content!important;
}

확장 프로그램 설치

크롬 확장 프로그램 관리 화면을 엽니다.

활성화Developer mode .

Load unpacked 을 클릭합니다.

your_directory를 선택합니다.

완성된

Jira 칸반 페이지를 새로 고쳐야 합니다. 즐기다!