, поэтому я разрабатываю расширение Google Chrome для моего Chromebook. Идея состоит в том, чтобы создать эффект «увеличения» везде, где указатель мыши находится на текущей веб-странице, чтобы увеличить текст / изображения или что-либо еще, что наводит курсор мыши.
У меня есть код для этого эффекта, работающий на веб-странице, он делает именно то, что я хочу.
Где я запутался, так это как интегрировать это в расширение chrome. Я бы хотел, чтобы в правом верхнем углу браузера Chrome отображалась кнопка типа «расширение», а затем вы можете щелкнуть ее, а затем появится «окно или увеличительное стекло», а затем вы можете щелкнуть и перетащить его по странице. Коробка исчезнет, если вы снова нажмете кнопку расширения.
Это то, что я знаю после небольшого онлайн-поиска ...
- Мне нужен файл manifest.json, мой текущий файл выглядит следующим образом ...
{
"name": "magnify",
"version": "1.0",
"description": "This will magnify an area where the mouse hovers",
"browser_action": {
"popup": "popup.html",
"default_icon": "magnify.png"
},
"content_scripts": [{
"matches": ["http://*/*"],
"css": ["magnify.css"],
"js": ["magnify.js"],
"run_at": "document_end",
"all_frames": true
}],
"background_page": "background.html"
}
- Я пробовал несколько разных вещей, но я уверен, что у меня есть несколько вещей, которые мне не нужны.
- Также вы можете перейти к http://www.supertecho.com/background.html, чтобы увидеть, какой код используется для моей идеи увеличения.
- У меня есть файл popup.html, но я не уверен, что код popup.html или background.html будет более необходим или нет (или, возможно, оба необходимы).
Дайте мне знать, если мне что-то не понятно, и я уточню!
Заранее большое спасибо: -)