7OK

Outils du site

La Connaissance s'accroît quand on la partage! [Inconnu célèbre]
Vous êtes ici : 7OK » Tⓞⓞls » ⓦeb
56-tools:web

Différences

Ci-dessous, les différences entre deux révisions de la page.

Lien vers cette vue comparative

Prochaine révision		Révision précédente
56-tools:web [2016/12/14 17:18] – créée Roge56-tools:web [2017/10/30 11:12] (Version actuelle) – [Divers] Roge
Ligne 10: Ligne 10:
 http://www.nczonline.net/blog/2009/02/03/speed-up-your-javascript-part-4/ http://www.nczonline.net/blog/2009/02/03/speed-up-your-javascript-part-4/
  
 +===== URL checker =====
 +
 +
 +http://www.deadlinkchecker.com/website-dead-link-checker.asp
  
 +http://www.brokenlinkcheck.com/
 +
 +===== Divers =====
 +
 +[[http://builtwith.com/]] permet de scanner les technologies employées par un site web.
 +
 +
 +[[https://hoverfly.io/]]  "//Hoverfly is a lightweight, open source API simulation tool. Using Hoverfly, you can create realistic simulations of the APIs your application depends on.//"
 ===== REST ===== ===== REST =====
  
Ligne 38: Ligne 50:
 Certains proposent de passer par du XMLHTTPRequest pour utiliser d'autres méthodes ( http://api.jquery.com/jquery.ajax/) Certains proposent de passer par du XMLHTTPRequest pour utiliser d'autres méthodes ( http://api.jquery.com/jquery.ajax/)
 </note> </note>
- 
-===== URL checker ===== 
- 
- 
-http://www.deadlinkchecker.com/website-dead-link-checker.asp 
- 
-http://www.brokenlinkcheck.com/ 
- 
- 
-===== Tests scripts web: fiddle ===== 
- 
-[[http://jsfiddle.net/h43svoed/|Expand/Collapse sections in HTML5]] 
-  
-[[http://jsfiddle.net/6cockL8m/|Expand/Collapse list]] 
- 
-[[http://jsfiddle.net/en4a38bf/|Test de mise en page web **fixe** en CSS]] 
-  
-[[http://jsfiddle.net/dzoefqrm/|Test d'ombrage de box]] 
- 
-[[http://jsfiddle.net/redg35ha/|Test d'image encapsulée dans la CCS]] 
- 
-[[http://jsfiddle.net/am0cy584/|Display JS object]] 
- 
-[[http://jsfiddle.net/uaesod0u/|Radio button group]] 
- 
-[[http://jsfiddle.net/7kug0buk/|Test fonction scrollIntoView]] 
- 
-[[http://jsfiddle.net/0mkk9w6s/|Ouvrir/Fermer des éléments du documents]] 
- 
-[[http://jsfiddle.net/yr1c0r7y/|Sélectionner un fichier]] 
- 
-[[http://jsfiddle.net/qga7Lk7y/|Fade out message]] 
- 
-[[http://jsfiddle.net/jk3vstnb/|Fade in out message]] 
- 
- 
-===== Scritps ===== 
- 
-Pour afficher le code source d'une page web, tapez le code  
-ci-dessous dans la barre d'adresse d'un navigateur : 
- 
-''%%javascript:x=document.body.innerHTML.replace(/</g,'&lt;').replace(/\n/g,'<br>'); document.body.innerHTML = x;%%'' 
- 
-<note important> 
-Attention: lors de la copie de ce code, souvent le navigateur  
-enlève le "javascript:". Il faut alors le remettre à la main.  
-</note> 
-==== Parcourir le DOM ==== 
- 
-<code javascript> 
-function walkTheDOM(node, func) { 
-    func(node); 
-    node = node.firstChild; 
-    while (node) { 
-        walkTheDOM(node, func); 
-        node = node.nextSibling; 
-    } 
-     
-} 
- 
-// Example usage: Process all Text nodes on the page 
-walkTheDOM(document.body, function (node) { 
-    console.log ("nodeType: " +node.nodeType + ", nodeName: " + node.nodeName + ", textContent: " + node.textContent); 
-}); 
-</code> 
- 
-==== Image encodée en CSS ==== 
-Il très performant d'encoder les images souvent utilisées dans la CSS. 
- 
-<code javascript> 
-<style> 
-  .ImgCollapsed { 
-    cursor: pointer; 
-    width:20; height:20; 
-    text-decoration: none;  
-    content: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAQCAYAAAD52jQlAAAABGdBTUEAALGPC/xhBQAAAAlwSFlzAAAOwQAADsEBuJFr7QAAABh0RVh0U29mdHdhcmUAcGFpbnQubmV0IDQuMC42/Ixj3wAAAOlJREFUOE+tkCESwjAQRVcgEIhKRAUSgewhEByCQyCQOI7AETgCAoFAcgQEEoFAIBCI8FOS7k8mQzIDnXnT37y/O23FGPN3NIjULGJyntEgsgJbloz3oEp5RsNnyIYLaLhU4hkNOmR5gWVQzHhGQ/gmfngPhiWeSS219xm4uecrmIKvPruUzg7uzHJ099bjqgH7Nei1jhaklu7cmSVeWgH2+aW4/L+7g/jzGxB4v6ed7YIOncCT8qjEM6mlnk1QTHjQ507X7YLIwpUfYM6lEs9oQBGcwYQLpZ7RIDJmEWM9GKRcTPLwN4y8AfxNottsD8mSAAAAAElFTkSuQmCC"); 
-  } 
-</style> 
- 
-<img class="ImgCollapsed" src=""  onclick="doSomething()"  title="Open"  /> 
-</code> 
- 
-==== Créer un tableau en Javascript ==== 
- 
-<code javascript> 
-var table = document.createElement('table'); 
-var row = table.insertRow(); 
-row.insertCell().appendChild(document.createTextNode(nbModules)); 
-row.insertCell().appendChild(document.createTextNode(nbSequences)); 
-row.insertCell().appendChild(document.createTextNode(nbSeances)); 
-var header = table.createTHead().insertRow(); 
-header.insertCell().appendChild(document.createTextNode("Modules")); 
-header.insertCell().appendChild(document.createTextNode("Sequences")); 
-header.insertCell().appendChild(document.createTextNode("Seances")); 
-// Add the table to the containing element. 
-document.getElementById(elt).appendChild(table); 
-</code> 
  
Dernière modification : 2017/10/06 23:38

Outils de la page