здравствуйте дорогие форумчане, тут у меня вопрос возник, а каким образом можно вывести кнопку по верх браузера?
svelte
svelte
извиняюсь, тяжело донести свою мысль до кого то.
Что мешает сделать кнопку внутри этого самого браузера с callback'ом, который бы отправлял запрос назад на клиент и закрывал этот самый браузер?
А сервер - твой?
спасибо, сервер мой, сейчас и реализован первый вариант.
В качестве идеи, не знаю насчет работоспособности: можно попробовать вывести чужой сайт на своей странице в iframe, на свою же страницу вывести кнопку, на которую уже навесить коллбэк и делать с iframe все, что нужно.
document.addEventListener("DOMContentLoaded", () => { // Дожидаемся загрузки DOM дерева
const button = document.createElement("button"); // инициализируем кнопку
button.classList.add("btn"); // можем присвоить желаемый класс, например .btn
button.innerHTML = "Нажми меня"; // Текст внутри кнопки
button.onclick = function() {
// любые действия при нажатии кнопки
mp.trigger("browser.hidePage"); // например вызов эвента на клиент
}
document.body.appendChild(button); // вставляем кнопку в тэг body
// как альтернатива, можно получить какой-то элемент, например с айди container и вставить туда
const container = document.getElementById("container");
container.appendChild(button);
// тут уже всё зависит от фантазии, любые желаемые манипуляции.
// точно также можно запихнуть и стили на страницу
const styles = document.createElement("style");
styles.innerText = ".btn{background: #000}";
document.body.appendChild(styles); // теперь фон кнопки будет черный.
});Простите, я эти вот ваши фронтендерские магии не изучал
Идея с esc больше нравится, ибо современный пользователь потянется скорее к этой клавише чем будет в куче информации на странице искать кнопку закрыть/назад, далее вести туда мышкой и после нажимать на кнопку. Такой вариант тоже неплохой и реализуется достаточно легко:
let browserState = [null, false] // первое значение отвечает за наличие браузера в массиве, есть ли он, второе значение за то, можно ли закрыть этот браузер нажатием
mp.keys.bind(keyCode, true, function() {
if (browserState[0] && browserState[1]) {
browserState[0].destroy();
}
});Да, но я бы чуть-чуть подправил твой код, вот так:
let browserState = [null, false]; // первое значение отвечает за наличие браузера в массиве, есть ли он, второе значение за то, можно ли закрыть этот браузер нажатием
mp.keys.bind(keyCode, true, function()
{
if (!browserState[0] || !browserState[1]) return;
browserState[0].destroy();
browserState = [null, false];
});|| - или, значит, если есть объект ИЛИ его можно закрыть, тогда он закончит выполнения функции. Тогда, если есть объект, но будет falsy, то все равно попытается закрыть CEF
Я использую оба варианта.
Почему?
let browser = mp.browsers.new("");
mp.keys.bind(keyCode, true, () => {
if (!browser) return;
if (!mp.borwsers.exists(browser)) return;
browser.destroy();
});Насколько я понимаю, человеку нужно контролировать возможность закрытия, а не в любой момент давать такую возможность.
let browserState = [null, false]; // первое значение отвечает за наличие браузера в массиве, есть ли он, второе значение за то, можно ли закрыть этот браузер нажатием
function Test() {
console.log("entry");
if (!browserState[0] || !browserState[1]) return;
console.log("delete");
browserState = [null, false];
}
Test();We use cookies and similar technologies for the following purposes:
Do you accept cookies and these technologies?
We use cookies and similar technologies for the following purposes:
Do you accept cookies and these technologies?