estensione chrome e pagina web

IImanuII

Utente Attivo
10 Giu 2012
390
0
16
Salve a tutti,
Ho un problema con la mia estensione.
Ho creato una semplicissima estensione per chrome non inserita sullo store. Vorrei fare in modo che quando vado sulla home del mio sito questa rilevi se l'estensione è installata o meno. Una cosa tipo:

Codice:
if estensioneInstallata = true{
   echo "Grazie per aver installato l'estensione";
}else{
  echo "è disponibile l'estensione per mio sito.it scaricala ora";

Se non è possibile farlo con php va bene anche javascript o jquery.

Ho fatto in modo che l'estensione inietti nella mia home un div nascosto in questo modo:
HTML:
$("#load").append("<div id=\"divNascosto\" class=\"\"></div>");

Ho cercato di verificare con javascript se il div esistesse o meno ma non ha funzionato perché il codice viene inserito solo lato client quindi la verifica non può essere fatta.

Vorrei sapere se esiste un modo per poter far comunicare l'estensione con una pagina web insomma.

Ho trovato
https://developer.chrome.com/extensions/content_scripts.html#host-page-communication
Solo che si dovrebbe fare l'inverso cioè è l'estensione che dovrebbe dire alla pagina "ei sono installata". Idee??
 
Ultima modifica:

flameseeker

Utente Attivo
27 Nov 2013
699
0
0
Ho cercato di verificare con javascript se il div esistesse o meno ma non ha funzionato perché il codice viene inserito solo lato client quindi la verifica non può essere fatta

Sei sicuro? Perché anche javascript viene eseguito lato client e abitualmente lavoro con elementi creati on the fly nel dom che rilevo tranquillamente con jquery.
Ammetto di non aver mai vagliato il caso preciso, ma posso chiedere che prova hai tentato di fare per rilevare il div ?
 

IImanuII

Utente Attivo
10 Giu 2012
390
0
16
Ciao grazie per la risposta sei stato ultrarapido :)
Precisazione *con jquery

Codice:
if ($('#nomeID').length){
     //faccio qualcosa se l'id nomeID esiste
}
else{
    //non esiste il div con id nomeID
}

EDIT:
La struttura è un po questa:

Home.php

HTML:
<html>
	<head>
	</head>
	<body>
		<div id="si-attacca-dopo-questo-div"><h1>This is a host site. Welcome!!!</h1></div>
	</body>
	<footer>
		<script type="text/javascript">
if ($('#esiste').length){
     //faccio qualcosa se l'id nomeID esiste
}
else{
    //non esiste il div con id nomeID
}
		</script>
	</footer>
</html>

contentscript.js (contenuto nell'estensione) che inietta il codice:
Codice:
$(document).ready(function() {
	$("#si-attacca-dopo-questo-div" ).append("<div id=\"esiste\" class=\"miodiv\">Ciao</div>");
}
 
Ultima modifica:

flameseeker

Utente Attivo
27 Nov 2013
699
0
0
Il codice scritto in questa maniera:
HTML:
<html>
	<head>
	</head>
	<body>
		<div id="si-attacca-dopo-questo-div"><h1>This is a host site. Welcome!!!</h1></div>
	</body>
	<footer>
		<script type="text/javascript">
if ($('#esiste').length){
     //faccio qualcosa se l'id nomeID esiste
}
else{
    //non esiste il div con id nomeID
}
		</script>
	</footer>
</html>

Viene eseguito a runtime, di conseguenza prima di:
HTML:
$(document).ready(function() {
	$("#si-attacca-dopo-questo-div" ).append("<div id=\"esiste\" class=\"miodiv\">Ciao</div>");
}

che invece aspetta il completo caricamento del dom per appendere il div.



Prova quindi così:
HTML:
<html>
	<head>
	</head>
	<body>
		<div id="si-attacca-dopo-questo-div"><h1>This is a host site. Welcome!!!</h1></div>
	</body>
	<footer>
		<script type="text/javascript">
$(document).ready(function() { 

if ($('#esiste').length){
     //faccio qualcosa se l'id nomeID esiste
}
else{
    //non esiste il div con id nomeID
}

});
		</script>
	</footer>
</html>


Se ancora non funziona, prendi gli strumenti da sviluppatore nel tuo browser e prova ad eseguire manualmente nella console
Codice:
$('#esiste')

In questo modo ci togliamo ogni dubbio.
 
Discussioni simili
Autore Titolo Forum Risposte Data
D Estensione per chrome Javascript 2
G phpmailer e php 8.1 con estensione mysqli PHP 6
Cosina htaccess redirect 301 senza estensione html Web Server 6
L Eliminare estensione .html HTML e CSS 9
N [Apache] problema con estensione php Apache 0
G WI-FI, estensione su seconda rete Reti LAN e Wireless 5
R estensione html Domini 1
T [php] controllo su estensione file PHP 7
A [RISOLTO] PHP Selezionare tutti i file con stessa estensione PHP 2
P avatar con estensione png PHP 2
P Controllo estensione di un file PHP 1
M Estensione file senza saperla ??? PHP 2
L controllo estensione file PHP 1
P estensione pagine HTML e CSS 3
Z ranking ed estensione dominio: ha senso acquistare un dominio .co.uk? SEO e Posizionamento 1
N ciao a tutti ho bisogno di aiuto con l'estensione mysqli?? MySQL 0
P problemi con l'estensione mysqli PHP 5
M Estensione ODT Discussioni Varie 2
D aprire file con estensione xml e p7s? Windows e Software 0
P Mancata estensione background-repeat sul resto della pagina oltre il primo div e/o prima tabella HTML e CSS 2
V Creazione/apertura immagini senza estensione PHP 2
Sevenjeak JFileChooser: inserire in nome file l'estensione del filtro Java 5
R estensione menu per ristorante Joomla 2
N musica di sottofondo ...quale estensione del file audio? HTML e CSS 0
neo996sps [FORM] selezionare solo file con estensione MP3 HTML e CSS 2
D Dreamweaver e Estensione toogle checkbox HTML e CSS 0
M Si deve installare/abilitare la estensione XMLRPC extension nella configurazione PHP PHP 6
E Abilitare estensione CURL Win2003 PHP 1
D Class ziparchive e strana estensione del file PHP 2
V estensione Mozilla collegata ad un OPAC Javascript 0
R migliore estensione per un dominio Domini 4
danlupo Estensione MySQL PHP 2
T file con estensione .bin Linux e Software 3
F Cambiare estensione file video Windows e Software 6
D Visualizzare i file in un elenco per estensione PHP 1
C Controllo estensione immagine PHP 2
shee Estensione Aiuto Windows e Software 1
G Esiste estensione firefox per fare l'auto login? Windows e Software 0
P sapere estensione di un file caricato PHP 1
P estensione librerie GD PHP 7
Z problema estensione rete wireless Reti LAN e Wireless 1
Interrotto link pagine senza estensione PHP 4
Q estensione Hosting 2
C Segnalo barra laterale di navigazione ASSENTE con Chrome Comunicazioni dallo Staff 5
felino Chromecast e Google Chrome: problema audio Discussioni Varie 0
Cloud Register.it Partner Luglio 2018 - Certificati SSL con il nuovo Google Chrome v68 Domini 0
M [HTML] Menu a fisarmonica che non funziona in chrome HTML e CSS 2
booklisa [WordPress] Errori vari console chrome, redirect file .htaccess + internalizza risorse WordPress 1
D [WordPress] Reindirizzamento funziona su Chrome ma non su Firefox WordPress 0
booklisa [HTML] Formattazione campo input su chrome HTML e CSS 9

Discussioni simili