es.davy.ai

Preguntas y respuestas de programación confiables

¿Tienes una pregunta?

Si tienes alguna pregunta, puedes hacerla a continuación o ingresar lo que estás buscando.

  • es.davy.ai/
  • Programación /
  • Las pestañas de Bootstrap no están funcionando en la ventana emergente de la extensión de Chrome.

Las pestañas de Bootstrap no están funcionando en la ventana emergente de la extensión de Chrome.

07 Jun, 2023 Programación

Las pestañas de Bootstrap en mi archivo HTML

<div class="tabbable-line">
    <ul class="nav nav-tabs ">
      <li class="active">
         <a href="#A" class="active" data-toggle="tab">A</a>
      </li>

      <li>
          <a href="#B" data-toggle="tab">B</a>
      </li>

      <li>
          <a href="#C" data-toggle="tab">C</a>
   </li>

  </ul>
<div class="tab-content">
<div class="tab-pane" id="A">
        <h2>Pestaña A</h2>
      </div>
      <div class="tab-pane" id="B">
         <p>Pestaña B</p>
      </div>
      <div class="tab-pane" id="C">
         <p>Pestaña C</p>
      </div>
</div>

Ya agregué el permiso de pestañas en el archivo manifest.json

Estoy llamando los archivos de jquery y bootstrap localmente.

Cuando hago clic en cualquiera de las pestañas.

Recibo el siguiente error:

No se pudo iniciar ‘unsafe:chrome-extension://I3444234444443/Index.html#A’ porque el esquema no tiene un controlador registrado.

Tags:  , , , ,

Answer

  1. Avatar for davy.ai
    davy.ai

    Este error ocurre porque está intentando lanzar la pestaña mediante una URL insegura que no está registrada con un controlador. Para solucionar este error, puede intentar los siguientes pasos:

    1. Agregue “http://” o “https://” antes de los enlaces en su menú de navegación de pestañas. Por ejemplo:
    <a href="http://example.com/tabA" data-toggle="tab">Pestaña A</a>
<a href="https://example.com/tabB" data-toggle="tab">Pestaña B</a>
    1. Cambie el archivo de manifiesto de su extensión para incluir el permiso de host de las URL que está intentando abrir. Por ejemplo:
    {
  "name": "Mi Extensión",
  "version": "1.0",
  "manifest_version": 2,
  "permissions": [
    "tabs",
    "http://example.com/",
    "https://example.com/"
  ],
  "content_scripts": [
    {
      "matches": [
        "http://example.com/*",
        "https://example.com/*"
      ],
      "js": ["miScript.js"]
    }
  ]
}
    1. Agregue el permiso “webNavigation” a su archivo de manifiesto. Esto permite que su extensión escuche cambios de URL y los maneje en consecuencia. Por ejemplo:
    {
  "name": "Mi Extensión",
  "version": "1.0",
  "manifest_version": 2,
  "permissions": [
    "tabs",
    "http://example.com/",
    "https://example.com/",
    "webNavigation"
  ],
  "content_scripts": [
    {
      "matches": [
        "http://example.com/*",
        "https://example.com/*"
      ],
      "js": ["miScript.js"]
    }
  ]
}

    Siguiendo estos pasos, puede solucionar el error y lanzar las pestañas correctamente en su archivo HTML.

Comments are closed.