Soy nuevo en javascript y Tampermonkey. Quería agregar un marco al sitio web de Memrise. El código es el siguiente:
// ==UserScript== // @name Merise // @namespace http://tampermonkey.net/ // @version 0.1 // @description try to take over the world! // @author k1 // @match https://app.memrise.com/aprender/* // @icon https://www.google.com/s2/favicons?domain=memrise.com // @grant none // ==/UserScript== (function() { 'use strict'; var word = document.getElementsByClassName("sc-1nck79x-5 jPETsr")[0] var bdy = document.getElementsByClassName("sc-r1ec2z-1 evBYsl")[0] var defl = "https://learnersdictionary.com/definition/" + word.innerHTML var fr = document.createElement("IFRAME"); fr.height = "500px" fr.src = defl fr.style.maxWidth="90%" bdy.appendChild(fr); })();Pero la ejecución del código se bloqueó debido al error: Política de seguridad de contenido: la configuración de la página bloqueó la carga de un recurso en línea ("script-src").
Por favor, hágame saber cómo puedo solucionar esto si hay alguna manera de hacerlo. Gracias.
Use GM_addElement para eludir tales restricciones de CSP:
// ==UserScript== // @name Merise // @match https://app.memrise.com/aprender/* // @grant GM_addElement // ==/UserScript== var word = document.getElementsByClassName('sc-1nck79x-5 jPETsr')[0].textContent; var bdy = document.getElementsByClassName('sc-r1ec2z-1 evBYsl')[0]; GM_addElement(bdy, 'iframe', { src: 'https://learnersdictionary.com/definition/' + encodeURIComponent(word), style: 'width: 90%; height: 500px;', });