개요

계산 화학.com 계산화학의 종합 사이트로 다양한 정보를 게재하여 매우 편리하다.그러나, 판면 디자인이 잘못되었는지 Google Adsense의 광고가 보도에 덮여 있어 보기 어렵다.
따라서 Javascript로 판면 디자인을 수정하여 글을 더욱 쉽게 볼 수 있도록 한다.

작업 환경

GoogleChrome

방법(자동화되지 않음)

이 코드를 복사하고 책갈피를 표시합니다.

javascript:var elem = document.getElementById('secondary');elem.setAttribute('style','width: 400px; margin-right: 10px;');

Command+D-> 기타 ->url에서 상기 코드를 복사하여 이해하기 쉬운 이름을 지정합니다.
(이번 이름은 ccmodi.computaational chemisstry modify라는 뜻입니다.)

사용법

계산 화학.com 페이지를 방문하면 보기 싫으면 책갈피 표시줄에 있는 링크를 누르십시오.
이렇게 되면 광고는 게재되지 않는다.
(Javascript가 자동으로 작동하도록 하려고 했는데 어떻게 해야 할지 몰라서 그대로 뒀어요. 아시는 분이 알려주시면 감사하겠습니다. →자동화됩니다!)

방법(자동화)

크롬 확장을 통해 자동화됩니다.
manifest.json

{
    "name": "Computer Chemistry Modify",
    "version": "1.0.0",
    "manifest_version": 2,
    "description": "計算化学ドットコムのレイアウトを直すクローム拡張です",
    "content_scripts": [{
      "matches": ["https://computational-chemistry.com/*"],
      "js": [
        "ccmodi.js"
      ]
    }]
  }

ccmodi.js

var elem = document.getElementById('secondary');elem.setAttribute('style','width: 400px; margin-right: 10px;');

폴더에 두 파일을 넣습니다확장성-> [포장되지 않은 확장 기능 읽기]에서 파일을 포함하는 폴더를 선택합니다.(확장 기능을 사용할 경우 화면 오른쪽 상단의 디더링 모드가 ON으로 설정됨)

계산 화학.com역에 있는 페이지를 불러올 때 레이아웃을 자동으로 수정합니다.(기쁘고 축하할 만하다)

감사의 말

자동화에 관해서는 @ramenhaoishii씨의 평론을 참고하였다.다른 댓글도 감사합니다!
또한 복제 확장에 대한 자작에 대해서는 Chrome 확장 방법(초개요)을 참고하십시오.