Chrome에서 텍스트를 선택하고 마우스 오른쪽 버튼을 클릭하면 다음과 같은 옵션이 있습니다.
'[text]에 대한 Google 검색'
나는 이것이 매우 유용하다고 생각하지만 내 옵션을 추가하고 싶습니다.
예를 들어, 선택한 텍스트를 사용하여 amazon.co.uk를 검색하거나 선택한 텍스트 (예 : 주소 또는 우편 번호) 등을 사용하여 Google지도로 바로 이동하는 기능을 추가하고 싶습니다.
PhraseExpress를 사용 하여이 기능을 추가 할 수는 있지만 Chrome에서 직접 수행 할 수 있습니까? 가능합니까?
답변:
상황에 맞는 메뉴 API를 사용하여 선택한 텍스트의 마우스 오른쪽 버튼 메뉴에 옵션을 추가하고 사용자 정의 검색을 정의 할 수있는 확장이 있습니다.
http://maps.google.com/maps?q=TESTSEARCHGoogle Maps와 http://www.amazon.co.uk/s/?url=search-alias%3Daps&field-keywords=TESTSEARCHAmazon.co.uk를 사용해보십시오 .
최근 개발자 및 베타 채널에서 컨텍스트 메뉴 API를 사용할 수 있습니다. 이를 사용하여 오른쪽 클릭 메뉴에 옵션을 추가하는 고유 한 확장을 작성할 수 있습니다. 이것은 Chrome 버전 6 이상에서만 작동합니다.
공식 확장 프로그램 갤러리의 예는 다음과 같습니다.
또한 그 코드를 기반으로 세 가지를 작성했습니다.
링크를 마우스 오른쪽 단추로 클릭하고 다른 이름으로 링크 저장…을 클릭 하고 컴퓨터에서 파일을 찾은 다음 Google 크롬 창으로 드래그 하여 위험에 처한 사용자를 설치할 수 있습니다 .
여기서 API에 대해 읽으십시오.
직접 작성하려면 manifest.json 파일이 필요합니다.
{
"background_page": "background.html",
"description": "Add a context menu item to search for selected text at Google Maps.",
"icons": {
"16": "icon16.png",
"48": "icon48.png"
},
"minimum_chrome_version": "6",
"name": "Google Maps Right Click",
"permissions": [ "contextMenus", "tabs" ],
"version": "1.0"
}
또한 다음과 같은 background.html 파일이 필요합니다.
<script>
function searchgooglemaps(info)
{
var searchstring = info.selectionText;
chrome.tabs.create({url: "http://maps.google.com/maps?q=" + searchstring})
}
chrome.contextMenus.create({title: "Search Google Maps", contexts:["selection"], onclick: searchgooglemaps});
</script>
마지막으로, 상황에 맞는 메뉴에는 16x16 픽셀 아이콘, 확장 관리 페이지에는 48x48 픽셀 아이콘이 있어야합니다. 설치 중에 표시되는 128 × 128 픽셀 아이콘과 공식 갤러리에 확장 프로그램을 제출하려면 32 × 32 픽셀 아이콘을 지정할 수도 있습니다. 모든 아이콘이 manifest.json에 나열되어야합니다. 파일 형식과 이름이 일치하는지 확인하십시오.
아이콘, background.html 및 manifest.json을 폴더에 함께 넣은 다음의 확장 프로그램 관리 페이지로 이동하여 개발자 모드를chrome://extensions 봅니다 (베타 채널을 실행하려면이 버전이 표시되어야합니다). Pack extension…을 클릭 하고 Extension 루트 디렉토리 옆에있는 Browse…를 클릭 하고 작성한 폴더를 찾아서 선택한 다음 확인을 클릭 하고 결과 .crx 파일을 Chrome 창으로 드래그하십시오.
manifest.json현재 버전 2이며 많은 것들이 변경되었습니다.
오른쪽 클릭 메뉴에 아무것도 추가하지 않는 것을 제외하고 원하는 것을 수행 하는 컨텍스트 검색 확장이 있습니다. 대신 페이지에서 텍스트 청크를 선택하면 옆에 파란색 삼각형이있는 작은 버튼이 표시되고 클릭하면 메뉴가 나타납니다.
사용자 정의 오른쪽 클릭 메뉴 라는 확장 기능을 즐기고 있습니다. 완전히 구성 가능한 마우스 오른쪽 버튼 메뉴 항목을 만들 수 있으며 다른 브라우저에서도 작동합니다 (Opera : Chrome 확장 프로그램 설치 , Firefox : Chrome Store Foxified ).
코드를
var query;
var url = "https://www.amazon.co.uk/s/ref=nb_sb_noss?url=search-alias%3Daps&field-keywords=%s";
if (crmAPI.getSelection()) {
query = crmAPI.getSelection();
} else {
query = window.prompt('Please enter a search query.');
}
if (query) {
window.open(url.replace(/%s/g,query), '_blank');
}
스크립트 유형의 다른 메뉴 항목을 작성하고 "Google Map"등으로 호출 한 다음 동일한 방식으로 코딩하십시오.
var query;
var url = "https://www.google.com/maps/search/%s";
if (crmAPI.getSelection()) {
query = crmAPI.getSelection();
} else {
query = window.prompt('Please enter a search query.');
}
if (query) {
window.open(url.replace(/%s/g,query), '_blank');
}
"컨텍스트 메뉴 검색"이라는 확장자가 있습니다. URL을 추가 한 다음 텍스트를 선택하고 URL 중 하나를 클릭하면 클릭 한 URL로 해당 텍스트를 전달합니다.
예를 들어 YouTube의 검색 URL은 다음과 같습니다.
여기서 TESTSEARCH는 검색하려는 텍스트입니다. 확장 프로그램에서이 행을 추가하면 TESTSEARCH를 누르면 선택한 텍스트로 자동 대체됩니다. 물론 각 URL에 레이블을 추가 할 수 있습니다.
확장에 대한 링크는 다음과 같습니다.
https://chrome.google.com/webstore/detail/ocpcmghnefmdhljkoiapafejjohldoga
주요 질문에 대한 답변이 있기 때문에 안녕하세요. 무언가에 기여하고 싶습니다.
이 스크립트는 Google의 이미지 검색과 유사하게 수정 된 스크립트이지만 imglink.jpg를 Jeffrey의 Exif Viewer로 리디렉션하여 이미지의 EXIF를 분석합니다.
gdejohn 에게 감사합니다 .
쉽고, 메모장을 사용하는이 2 개의 파일을 만들고 16x16, 48x48 및 128x128 (또는 줄 삭제) 아이콘을 추가하고 chrome : // extensions / tick 개발자 모드로 이동하여 파일의 포함 폴더를 추가하십시오.
파일 이름 : manifest.json
{
"manifest_version": 2,
"background" : { "scripts": ["background.js"] },
"description": "Agrega un menu contextual para ver el EXIF de imagenes. Jeffrey's Exif Viewer",
"icons": {
"16": "icon16.png",
"48": "icon48.png",
"128": "icon128.png"
},
"minimum_chrome_version": "6",
"name": "Regex Exif Viewer Right Click",
"permissions": [ "contextMenus", "tabs", "http://*/*",
"https://*/*" ],
"version": "1.0"
}
파일 이름 : background.js
/**
* Returns a handler which will open a new tab when activated.
*/
function getClickHandler() {
return function(info, tab) {
// The srcUrl property is only available for image elements.
var url = "http://regex.info/exif.cgi?imgurl=" + info.srcUrl;
// Create a new tabto the info page.
chrome.tabs.create({ url: url, });
};
};
/**
* Create a context menu which will only show up for images.
*/
chrome.contextMenus.create({
"title" : "Get image info via Jeffrey's Exif Viewer",
"type" : "normal",
"contexts" : ["image"],
"onclick" : getClickHandler()
});