Ping http(s) url
A simple no GUI component to ping an url. The component use the fetch API, so use it with recent browser.
By default, the component ping google.com
Nota ; fetch polyfill doesn't work due to CORS problems.
tested on :
- chrome
- firefox
- safary TP ( doesn't work on safari )
- opera
- Edge
<http-ping interval="2000"></http-ping>
<div class="status"></div>
<div class="delay"></div>
<script>
const ping = document.querySelector('http-ping')
ping.addEventListener('ping-status', evt => {
document.querySelector('.status').innerHTML = evt.detail.status ? "connected":"not connected";
});
ping.addEventListener('ping-delay', evt => {
document.querySelector('.delay').innerHTML = evt.detail.delay ? `${evt.detail.delay} ms`:'-';
})
</script>The component is licensed under the ISC License
Demo and doc are available on https://telecomsante.github.io/http-ping/
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent