Home/ Questions/Q 7177763
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-28T16:46:52+00:00

I’m unfamiliar with Javascript and have been struggling to understand how I’d go about

  • 0

I’m unfamiliar with Javascript and have been struggling to understand how I’d go about displaying the page_action icon when a specific URL is opened in a tab.

I’ve attempted to use some of the samples provided by Google to find specific letters in the URL (their example uses ‘g’). I even tried simply using their extension unpacked and it didn’t work for me when I visit Google.

// Copyright (c) 2011 The Chromium Authors. All rights reserved.
// Use of this source code is governed by a BSD-style license that can be
// found in the LICENSE file.

// Called when the url of a tab changes.
function checkForValidUrl(tabId, changeInfo, tab) {
  // If the letter 'g' is found in the tab's URL...
  if (tab.url.indexOf('g') > -1) {
    // ... show the page action.
    chrome.pageAction.show(tabId);
  }
};

// Listen for any changes to the URL of any tab.
chrome.tabs.onUpdated.addListener(checkForValidUrl);

Am I missing something incredibly obvious?

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    This example is not working for me either. I contacted the author of this example and got this response:

    The URL below is a link to the trunk documentation, which has been
    updated to reflect some new features that landed on trunk. But these
    features aren’t in the stable (or beta) channels yet, so that’s why
    the sample doesn’t work there.

    To fix it, create simple html page (name it background.html) that only loads javascript:

    <html>
 <head>
  <script src='background.js'></script>
 </head>
<body>
</body>

    Then, change one line in the manifest.json, from:

    "background": { "scripts": ["background.js"] },

    to:

    "background_page": "background.html",

    Remember to reload your extension in a browser after these changes.

    That will not only work but also will allow you to debug your code:

    1. Go to chrome://settings/extensions
    2. Expand options of your extension
    3. Click background.html to debug it
    • 0