В настоящее время я пытаюсь открыть вкладку с помощью window.open и location.href во всплывающем окне Mozilla Firefox, но она не открывается.Вот мои файлы js, JSON и HTML.
manifest.json
{
"manifest_version": 2,
"name": "PopHome",
"version": "2.0",
"description": "A second home button for Firefox. Just set the home page. Steps on doing that are at sites.google.com/view/pophome",
"icons": {
"98": "icons/Black_Home.png"
},
"permissions": ["tabs"],
"browser_action": {
"default_icon": "icons/Black_Home.png",
"default_title": "PopHome",
"default_popup": "popup/popup.html"
}
}
Мой HTML-файл
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script type="text/javascript" src="index.js">
</script>
<style>
.URL_Textbox {
width: 100%;
padding: 12px 20px;
margin: 8px 0;
display: inline-block;
border: 1px solid #ccc;
border-radius: 4px;
box-sizing: border-box;
width: 10.9em; height: 3.5em;
}
.URL_Textbox2 {
width: 100%;
padding: 12px 20px;
margin: 8px 0;
display: inline-block;
border: 1px solid #ccc;
border-radius: 4px;
box-sizing: border-box;
width: 10.9em; height: 3.5em;
}
.submit_button {
width: 100%;
background-color: #4CAF50;
color: white;
padding: 14px 20px;
margin: 4px 2px;
border: none;
border-radius: 4px;
cursor: pointer;
width: 7.5em; height: 3em;
text-align: center;
font-size: 16px;
}
.submit_button2 {
width: 100%;
background-color: #4CAF50;
color: white;
padding: 14px 20px;
margin: 4px 2px;
border: none;
border-radius: 4px;
cursor: pointer;
width: 7.5em; height: 3em;
text-align: center;
font-size: 16px;
}
.submit_button:hover {
background-color: #45a049;
}
.POP_button {
background-color: #5b8eba;
border: none;
color: white;
padding: 15px 32px;
text-decoration: none;
display: inline-block;
font-size: 16px;
margin: 4px 4px;
cursor: pointer;
}
.POP_button:hover {
background-color: #6089ad;
}
.Copyright {
font-size: 7px;
}
.VisitWebsite {
width: 100%;
background-color: #4CAF50;
color: white;
padding: 7px 10px;
border: none;
border-radius: 4px;
cursor: pointer;
width: 22em; height: .2em;
text-align: center;
font-size: 6px;
</style>
</head>
<body style="background: url('https://i.pinimg.com/originals/a4/d4/9d/a4d49df4949ecb365edb6fc7a8d2ce8c.jpg'); background-size: 100% 100%; ">
<h2 style="color:#ffffff;text-align:center;"><b><em>Pop</em>Home 2.0</b></h2>
<h3 style="color:#ffffff;text-align:center;"><b>Go Straight To Any Website</b></h3>
<div>
<form>
<input class="URL_Textbox" id="WebsiteName" name="WebsiteURL_Name" placeholder="URL Of Website"
list="Recommended_URLs">
<input type="button"
class="submit_button"
onClick="submitURL()"
value="Go">
<datalist id="Recommended_URLs">
<option value="google.com/" label="Google">
<option value="youtube.com/" label="Youtube">
<option value="amazon.com/" label="Amazon">
<option value="facebook.com/" label="Facebook">
<option value="reddit.com/" label="Reddit">
</datalist>
<br>
<input class="URL_Textbox2" id="GoogleSearchInput" name="GoogleSearch" placeholder="Search Google" required>
<input
type="button"
class="submit_button2"
onClick="submitGoogle()"
value="Google It!">
</form>
</div>
<a style="align:center;" href="http://google.com">
<button class="POP_button"><em><b>P</b></em>roceed T<em><b>o</b></em> <em><b>P</b></em>referred Home
</button>
</a>
</body>
</html>
Мой файл JavaScript.Как видите, я использовал и window.open, и location.href, и они не работают во всплывающем окне Firefox, но будут работать на странице браузера.Это проблема с моими настройками Mozilla или мне нужно использовать tabs.create ().Если мне нужно использовать tabs.create (), как бы я сделал свойства вкладки documentmenet.getElemendbyId?
function submitURL() {
window.open("https://www."+document.getElementById('WebsiteName').value,"_self")
}
function submitGoogle() {
location.href = "https://www.google.com/search?q=" + document.getElementById('GoogleSearchInput').value;
}
Спасибо за чтение и ответы на мои вопросы!