Google Chrome Extension Opening Url

user3574561

So I'm kind of new to making extensions so I want to start with a simple one. Well I thought it wasn't too hard but I can't make my extension open new tab pages in incognito and in normal.

POPUP PAGE:

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head> 
    <link href='style.css' rel='stylesheet' type='text/css'> 
    <script type="text/javascript" src="https://www.google.com/jsapi"></script> 
    <script type="text/javascript">
    function Tabs() {
    chrome.browserAction.onClicked.addListener(function() {
    chrome.tabs.create({'url': "http://www.google.com"});
    });
    }
    </script>
    <base target="_blank">
</head>
<body> 
        <div id="Google">
        <a href="google.nl"><input type="submit" onClick="Tabs" class="btn search-submit" value="Google"> </a>
        </div>
        <div id="Google">
        <form action="websitelink" method="get" target="_blank">  
        <input type="submit" class="btn search-submit" value="website1"> 
        </form>
        </div>
        <div id="Twitter">
        <form action="websitelink" method="get"target="_blank">  
        <input type="submit" class="btn search-submit" value="website2"> 
        </form>
        </div>
        <div id="Youtube">
        <form action="websitelink" method="get"target="_blank">  
        <input type="submit" class="btn search-submit" value="website3"> 
        </form>
        </div>
</body>
</html>

My Manifest File:

{
  "name": "My Helper",
  "version": "1.0",
  "description": "My Helper",
  "manifest_version": 2,
  "browser_action": {
        "default_icon": "icon128.png",
        "default_title": "EXTENSTION DESCRIPTION",
        "default_popup": "extension.html"
  },

  "permissions": 
     ["tabs"]
}

The only thing I'm trying to do is opening a website on a new tab.

RamonRobben

Well maby this can help you out.

manifest.json

{ "name": "Name of extension",
  "version": "0.1",
  "manifest_version": 2, 
  "description": "Opens Tab!",
  "browser_action": {
        "default_icon": "icon128.png"
  },
  "icons": {
            "48": "icon128.png"
            },
    "background":{
                    "scripts": ["background.js"]
    }
}

background.js

chrome.browserAction.onClicked.addListener(function(activeTab) {
    var newURL = "http://www.google.nl";

    chrome.tabs.create({ url: newURL });
});

background.html

<html>
<head>
</head>
<body>
<h1>Hello people</h1>
<br />
<p>Hello fellow pele</p>
</body>
</html>

i hope my answer helped you.

Collected from the Internet

Please contact [email protected] to delete if infringement.

edited at
0

Comments

0 comments
Login to comment

Related

From Dev

Opening and closing chrome extension

From Dev

Redirect to url Using Google chrome Extension

From Dev

Opening chrome extension in new tab

From Dev

Opening chrome in incognito with a url

From Dev

Google Chrome is not opening

From Dev

Web-extension opening url on addon install works fine on Opera and Chrome but fails on Firefox?

From Dev

Chrome extension navigate to URL

From Dev

Issues with Content Menu and Opening Tabs - Chrome Extension

From Dev

Webview not opening up in my chrome extension

From Dev

Opening a New Window when Chrome Extension is Uninstalled

From Dev

Opening and accessing a pop up window in chrome extension

From Dev

Chrome extension opening exponentially more tabs

From Dev

angularjs and google chrome extension

From Dev

angularjs and google chrome extension

From Dev

Error with google chrome extension

From Dev

Google Chrome extension malware?

From Dev

Extension to Google Chrome browser that restarts Google Chrome

From Dev

Chrome Extension and Jenkins URL's

From Dev

Decode URL via Chrome Extension

From Dev

chrome extension to get URL not working

From Dev

Fire extension on very page Google Chrome Extension

From Dev

Google Chrome - Extension vs App

From Dev

Javascript not working in a google chrome extension

From Dev

Include google analytic in chrome extension

From Dev

Turn Google chrome extension "off" and "on"?

From Dev

Using Google Charts in Chrome extension

From Dev

How to uninstall this Google Chrome extension?

From Dev

Get JSON in a Google Chrome Extension

From Dev

Javascript not working in a google chrome extension