Chrome 확장 프로그램을 사용하여 DocBase의 하위 메뉴를 닫을 수 있습니다.

3217 단어 chrome-extension
DocBase - 사내 사람도 사외 사람도 관계자 전원이 사용할 수 있는 정보 공유 서비스 을 사용하고 있지만, 〇〇で検索 를 하면 서브 메뉴가 나오고, 표시 영역을 압박하기 때문에, 닫히도록(듯이) 해 보았다.

화면 예



기본값은 3개



태그로 검색하면 하위 메뉴가 표시됩니다.
(어라? 이쪽도 3컬럼이구나……)



방해이므로 닫고 싶다. 닫기 버튼 추가.



닫으면 넓어지고 기쁘다.



코드



manifest.json
{
  "name": "Docbase Custom",
  "version": "1.0",
  "manifest_version": 2,
  "permissions": [
    "https://*.docbase.io/"
  ],
  "content_scripts": [
    {
      "matches": ["https://*.docbase.io/*"],
      "js": [
        "./js/zepto.min.js",
        "./js/content_script.js"
      ],
      "run_at": "document_end"
    }
  ]
}

content_script.js
var actualCode = '(' + function() {
  var subMenuHider = function(){
    var $toggler = $('<div style="position:absolute;top:0;background:yellow;z-index:1;width:10px;height:20px;cursor:pointer;"></div>');
    var $closer = $toggler.clone().css({"right": 0}).text("<");
    var $opener = $toggler.clone().css({"left": 0, "display": "none"}).text(">");
    var $subMenu = $(".js-main-sub-menu");

    $(".sub-menu").prepend($closer);
    $(".js-main-content").prepend($opener);

    $closer.on("click", function(){
      $subMenu.hide();
      $opener.show();
      $(window).trigger("resize");
    })
    $opener.on("click", function(){
      $subMenu.show();
      $opener.hide();
      $(window).trigger("resize");
    })
  }
  $(document).ajaxComplete(function(event, xhr, settings) {
    if (settings.url.indexOf("/groups") > -1 ||
        settings.url.indexOf("/api/tags") > -1) {
          subMenuHider()
        }
  });
} + ')();';
var script = document.createElement('script');
script.textContent = actualCode;
(document.head||document.documentElement).appendChild(script);
script.parentNode.removeChild(script);

참고



jquery - Chrome-extension Javascript to detect dynamically-loaded content - Stack Overflow

좋은 웹페이지 즐겨찾기