Chrome 확장 프로그램을 사용하여 DocBase의 하위 메뉴를 닫을 수 있습니다.
3217 단어 chrome-extension
〇〇で検索
를 하면 서브 메뉴가 나오고, 표시 영역을 압박하기 때문에, 닫히도록(듯이) 해 보았다.화면 예
기본값은 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
Reference
이 문제에 관하여(Chrome 확장 프로그램을 사용하여 DocBase의 하위 메뉴를 닫을 수 있습니다.), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다
https://qiita.com/osd/items/6d3fca9291c6b77ae522
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념
(Collection and Share based on the CC Protocol.)
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
Reference
이 문제에 관하여(Chrome 확장 프로그램을 사용하여 DocBase의 하위 메뉴를 닫을 수 있습니다.), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다
https://qiita.com/osd/items/6d3fca9291c6b77ae522
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념
(Collection and Share based on the CC Protocol.)
Reference
이 문제에 관하여(Chrome 확장 프로그램을 사용하여 DocBase의 하위 메뉴를 닫을 수 있습니다.), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://qiita.com/osd/items/6d3fca9291c6b77ae522텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)