팝업 추가
컬렉션을 사용해 정리하기
내 환경설정을 기준으로 콘텐츠를 저장하고 분류하세요.
팝업은 사용자가 여러 확장 프로그램 기능을 호출할 수 있는 창을 표시하는 작업입니다. 단축키 또는 확장 프로그램의 작업 아이콘을 클릭하면 실행됩니다. 사용자가 팝업 바깥에 있는 브라우저의 일부에 포커스를 맞추면 팝업이 자동으로 닫힙니다. 사용자가 클릭한 후에도 팝업이 계속 열려 있도록 할 수 있는 방법은 없습니다.
Drink Water Event 샘플에서 가져온 다음 이미지는 사용 가능한 타이머 옵션을 보여주는 팝업을 보여줍니다. 사용자는 버튼 중 하나를 클릭하여 알람을 설정합니다.
<ph type="x-smartling-placeholder">
</ph>
팝업 예
매니페스트에서 "action"
키 아래에 팝업을 등록합니다.
{
"na me ": "Dri n k Wa ter Eve nt ",
...
"ac t io n ": {
"de fault _popup ": "popup.h t ml "
}
...
}
거의 모든 웹페이지와 마찬가지로 팝업을 구현합니다. 팝업에 사용된 모든 JavaScript는 별도의 파일에 있어야 합니다.
<html>
<head>
<title>Water Popup</title>
</head>
<body>
<img src="./stay_hydrated.png" id="hydrateImage">
<button id="sampleSecond" value="0.1">Sample Second</button>
<button id="min15" value="15">15 Minutes</button>
<button id="min30" value="30">30 Minutes</button>
<button id="cancelAlarm">Cancel Alarm</button>
<script src="popup.js"></script>
</body>
</html>
action.setPopup()
를 호출하여 동적으로 팝업을 만들 수도 있습니다.
chrome . storage . local . get ( 'signed_in ', ( data ) = > {
if ( data . signed_in ) {
chrome . action . setPopup ({ popup : 'popup . html '});
} else {
chrome . action . setPopup ({ popup : 'popup_sign_in . html '});
}
});
달리 명시되지 않는 한 이 페이지의 콘텐츠에는 Creative Commons Attribution 4.0 라이선스 에 따라 라이선스가 부여되며, 코드 샘플에는 Apache 2.0 라이선스 에 따라 라이선스가 부여됩니다. 자세한 내용은 Google Developers 사이트 정책 을 참조하세요. 자바는 Oracle 및/또는 Oracle 계열사의 등록 상표입니다.
최종 업데이트: 2023-12-12(UTC)
[{
"type": "thumb-down",
"id": "missingTheInformationINeed",
"label":"필요한 정보가 없음"
},{
"type": "thumb-down",
"id": "tooComplicatedTooManySteps",
"label":"너무 복잡함/단계 수가 너무 많음"
},{
"type": "thumb-down",
"id": "outOfDate",
"label":"오래됨"
},{
"type": "thumb-down",
"id": "translationIssue",
"label":"번역 문제"
},{
"type": "thumb-down",
"id": "samplesCodeIssue",
"label":"샘플/코드 문제"
},{
"type": "thumb-down",
"id": "otherDown",
"label":"기타"
}]
[{
"type": "thumb-up",
"id": "easyToUnderstand",
"label":"이해하기 쉬움"
},{
"type": "thumb-up",
"id": "solvedMyProblem",
"label":"문제가 해결됨"
},{
"type": "thumb-up",
"id": "otherUp",
"label":"기타"
}]
{"lastModified": "\ucd5c\uc885 \uc5c5\ub370\uc774\ud2b8: 2023-12-12(UTC)"}
[[["이해하기 쉬움","easyToUnderstand","thumb-up"],["문제가 해결됨","solvedMyProblem","thumb-up"],["기타","otherUp","thumb-up"]],[["필요한 정보가 없음","missingTheInformationINeed","thumb-down"],["너무 복잡함/단계 수가 너무 많음","tooComplicatedTooManySteps","thumb-down"],["오래됨","outOfDate","thumb-down"],["번역 문제","translationIssue","thumb-down"],["샘플/코드 문제","samplesCodeIssue","thumb-down"],["기타","otherDown","thumb-down"]],["최종 업데이트: 2023-12-12(UTC)"]]