Search completed in 1.49 seconds.
Preloading content with rel="preload" - HTML: Hypertext Markup Language
the p
reload value of the <link> element's rel attribute lets you declare fetch requests in the html's <head>, specifying resources that your page will need very soon, which you want to start loading early in the page lifecycle, before browsers' main rendering machinery kicks in.
... this article provides a basic guide to how <link rel="p
reload"> works.
... the basics you most commonly use <link> to load a css file to style your page with: <link rel="stylesheet" href="styles/main.css"> here however, we will use a rel value of p
reload, which turns <link> into a p
reloader for any resource we want.
...And 28 more matches
NavigationPreloadManager - Web APIs
the navigationp
reloadmanager interface of the the service worker api provides methods for managing the p
reloading of resources with a service worker.
... methods navigationp
reloadmanager.enable() enables navigation p
reloading and returns a promise that resolves.
... navigationp
reloadmanager.disable() disables navigation p
reloading and returns a promise that resolves.
...And 7 more matches
FetchEvent.preloadResponse - Web APIs
the p
reloadresponse read-only property of the fetchevent interface returns a promise that resolves to the navigation p
reload response if navigation p
reload was triggered or undefined otherwise.
... syntax var expectedresponse = fetchevent.p
reloadresponse; value a promise that resolves to a response or otherwise to undefined.
... example this code snippet is from the navigation p
reload page.
...And 3 more matches
FetchEvent.navigationPreload - Web APIs
the navigationp
reload read-only property of the fetchevent interface returns a promise that resolves to the instance of navigationp
reloadmanager associated with the current service worker registration.
... syntax var promise = fetchevent.navigationp
reload value a promise that resolves to the instance of navigationp
reloadmanager.
... example the following example shows the implementation of a fetch event that uses a p
reloaded response.
...And 3 more matches
reloadWithFlags - Archive of obsolete content
« xul reference home
reloadwithflags( flags ) return type: no return value
reloads the document in the browser with the given load flags.
... load_flags_bypass_cache:
reload the page, ignoring if it is already in the cache.
... this is the flag used when the
reload button is pressed while the shift key is held down.
...And 2 more matches
NPN_ReloadPlugins - Archive of obsolete content
« gecko plugin api reference « browser side plug-in api summary
reloads all of the installed plugins.
... syntax #include <npapi.h> void npn_
reloadplugins(npbool
reloadpages);code parameters the function has the following parameter:
reloadpages whether to
reload pages.
... if true, all pages are
reloaded once the plugins are
reloaded; otherwise, they aren't.
...And 2 more matches
Location: reload() - Web APIs
the location.
reload() method
reloads the current url, like the refresh button.
... the
reload may be blocked and a security_error domexception thrown.
... this happens if the origin of the script calling location.
reload() differs from the origin of the page that owns the location object.
...And 2 more matches
HTMLIFrameElement.reload()
the
reload() method of the htmliframeelement interface is used to
reload the content of the <iframe>.
... syntax instanceofhtmliframeelement.
reload(hard
reload); returns void.
... parameters hard
reload optional a boolean that indicates whether all the resources to
reload must be revalidated (true) or may be taken directly from the browser cache (false).
... examples stop
reload.addeventlistener('touchend',function() { if(stop
reload.textcontent === 'x') { browser.stop(); } else { browser.
reload(); } }); specification not part of any specification.
FetchEvent.isReload - Web APIs
the is
reload read-only property of the fetchevent interface returns true if the event was dispatched by the user attempting to
reload the page, and false otherwise.
... pressing the refresh button is a
reload while clicking a link and pressing the back button is not.
... syntax var
reloaded = fetchevent.is
reload value a boolean.
... example self.addeventlistener('fetch', function(event) { event.respondwith( if (event.is
reload) { //return something } else { //return something else }; ); }); ...
ServiceWorkerRegistration.navigationPreload - Web APIs
the navigationp
reload read-only property of the serviceworkerregistration interface returns the navigationp
reloadmanager associated with the current service worker registration.
... syntax var navigationp
reloadmanager = serviceworkerregistration.navigationp
reload; value an instance of navigationp
reloadmanager.
... specifications specification status comment service workersthe definition of 'navigationp
reload' in that specification.
... desktopmobilechromeedgefirefoxinternet exploreroperasafariandroid webviewchrome for androidfirefox for androidopera for androidsafari on iossamsung internetnavigationp
reload experimentalchrome full support 59edge full support 17 full support 17 full support 16disabled disabled from version 16: this feature is behind the enable service workers preference.firefox full support ...
Link types: preload - HTML: Hypertext Markup Language
the p
reload keyword for the rel attribute of the <link> element indicates the user is highly likely to require the target resource for the current navigation, and therefore the browser must preemptively fetch and cache the resource.
... see p
reloading content with rel="p
reload" for more details.
... specifications specification status comment html living standardthe definition of 'p
reload' in that specification.
Link types: modulepreload - HTML: Hypertext Markup Language
the modulep
reload keyword for the rel attribute of the <link> element provides a declarative way to preemptively fetch a module script and its dependencies, and store them in the document's module map for later evaluation.
... specifications specification status comment html living standardthe definition of 'modulep
reload' in that specification.
tabbrowser - Archive of obsolete content
igation, webprogress methods addprogresslistener, addtab, addtabsprogresslistener,appendgroup, getbrowseratindex, getbrowserindexfordocument, getbrowserfordocument, getbrowserfortab, geticon, getnotificationbox, gettabforbrowser, gettabmodalpromptbox, goback, gobackgroup, goforward, goforwardgroup, gohome, gotoindex, loadgroup, loadonetab, loadtabs, loaduri, loaduriwithflags, movetabto, pintab,
reload,
reloadalltabs,
reloadtab,
reloadwithflags, removealltabsbut, removecurrenttab, removeprogresslistener, removetab, removetabsprogresslistener,replacegroup, selecttabatindex, seticon, showonlythesetabs, stop, unpintab attributes autocompleteenabled type: boolean set to true to enable autocomplete of fields.
...it also contains the load constants used by
reloadwithflags and loaduriwithflags.
...in addition to the flags allowed for the
reloadwithflags method, the following flags are also valid: load_flags_is_refresh: this flag is used when the url is loaded because of a meta tag refresh or redirect.
...And 8 more matches
Index - Web APIs
1304 fetchevent.p
reloadrequest api, experimental, fetchevent, junk, offline, property, reference, service workers, workers, request no summary!
... 1305 fetchevent.p
reloadresponse api, experimental, fetchevent, offline, property, reference, service workers, web performance, workers, request the p
reloadresponse read-only property of the fetchevent interface returns a promise that resolves to the navigation p
reload response if navigation p
reload was triggered or undefined otherwise.
... 1308 fetchevent.is
reload api, experimental, fetchevent, property, reference, service, service workers, workers, is
reload the is
reload read-only property of the fetchevent interface returns true if the event was dispatched by the user attempting to
reload the page, and false otherwise.
...And 8 more matches
2D maze game with device orientation - Game development
you can create this yourself if you want to follow along: <!doctype html> <html> <head> <meta charset="utf-8" /> <title>cyber orb demo</title> <style> body { margin: 0; background: #333; } </style> <script src="src/phaser-arcade-physics.2.2.2.min.js"></script> <script src="src/boot.js"></script> <script src="src/p
reloader.js"></script> <script src="src/mainmenu.js"></script> <script src="src/howto.js"></script> <script src="src/game.js"></script> </head> <body> <script> (function() { var game = new phaser.game(320, 480, phaser.canvas, 'game'); game.state.add('boot', ball.boot); game.state.add('p
reloader', ball.p
reloader); game.state.add('mainmenu', ball.mainmenu); game.state.add('...
...the basic states used in this game are: boot, p
reloader, mainmenu, howto and game.
... boot will take care of initializing a few settings, p
reloader will load all of the assets like graphics and audio, mainmenu is the menu with the start button, howto shows the "how to play" instructions and the game state lets you actually play the game.
...And 7 more matches
browser - Archive of obsolete content
angoback, cangoforward, contentdocument, contentprincipal, contenttitle, contentvieweredit, contentviewerfile, contentwindow, currenturi, docshell, documentcharsetinfo, homepage, markupdocumentviewer, messagemanager, preferences, securityui, sessionhistory, webbrowserfind, webnavigation, webprogress methods addprogresslistener, goback, goforward, gohome, gotoindex, loaduri, loaduriwithflags,
reload,
reloadwithflags, removeprogresslistener, stop, swapdocshells examples <!-- shows mozilla homepage inside a groupbox --> <groupbox flex="1"> <caption label="mozilla homepage"/> <browser type="content" src="http://www.mozilla.org" flex="1"/> </groupbox> attributes autocompleteenabled type: boolean set to true to enable autocomplete of fields.
...it also contains the load constants used by
reloadwithflags and loaduriwithflags.
...in addition to the flags allowed for the
reloadwithflags method, the following flags are also valid: load_flags_is_refresh: this flag is used when the url is loaded because of a meta tag refresh or redirect.
...And 6 more matches
Using the Browser API
when you press the keyboard's return button, the 'submit' event is fired, which we handle like this: urlform.addeventlistener('submit',function(e) { e.preventdefault(); browser.src = urlbar.value; urlbar.blur(); }); we first call preventdefault() to stop the form just submitting and
reloading the page — which is really not what we want.
... zoomin.addeventlistener('touchend',function() { zoomfactor += 0.1; browser.zoom(zoomfactor); }); zoomout.addeventlistener('touchend',function() { zoomfactor -= 0.1; browser.zoom(zoomfactor); }); controlling the stop/
reload button next, let's talk about the stop/
reload button.
... as in a traditional browser, this is a single button that acts as a
reload button when the page has finished loading, and a stop button while the page is loading (each with a different icon displayed).
...And 6 more matches
Strict-Transport-Security - HTTP
header type response header forbidden header name no syntax strict-transport-security: max-age=<expire-time> strict-transport-security: max-age=<expire-time>; includesubdomains strict-transport-security: max-age=<expire-time>; p
reload directives max-age=<expire-time> the time, in seconds, that the browser should remember that a site is only to be accessed using https.
... p
reload optional see p
reloading strict transport security for details.
... p
reloading strict transport security google maintains an hsts p
reload service.
...And 6 more matches
nsIFaviconService
apageuri); obsolete since gecko 22.0 nsiuri getfaviconimageforpage(in nsiuri apageuri); obsolete since gecko 22.0 nsiuri getfaviconlinkforicon(in nsiuri afaviconuri); boolean isfailedfavicon(in nsiuri afaviconuri); void removefailedfavicon(in nsiuri afaviconuri); void setandloadfaviconforpage(in nsiuri apageuri, in nsiuri afaviconuri, in boolean aforce
reload, in unsigned long afaviconloadtype, [optional] in nsifavicondatacallback acallback); obsolete since gecko 22.0 void setfavicondata(in nsiuri afaviconuri, [const,array,size_is(adatalen)] in octet adata, in unsigned long adatalen, in autf8string amimetype, in prtime aexpiration); obsolete since gecko 22.0 void setfavicondatafromdataurl(in nsiuri afaviconuri, in astring adataurl, i...
...use aforce
reload to force a
reload of the data.
...void setandloadfaviconforpage( in nsiuri apageuri, in nsiuri afaviconuri, in boolean aforce
reload, in unsigned long afaviconloadtype, in nsifavicondatacallback acallback optional from gecko 2.0 ); parameters apageuri uri of the page whose favicon is being set.
...And 4 more matches
nsILivemarkService
toolkit/components/places/public/nsilivemarkservice.idlscriptable this interface is used to create and
reload livemarks.
...iuri feeduri, in long index); long long createlivemarkfolderonly(in long long folder, in astring name, in nsiuri siteuri, in nsiuri feeduri, in long index); nsiuri getfeeduri(in long long container); long long getlivemarkidforfeeduri(in nsiuri afeeduri); nsiuri getsiteuri(in long long container); boolean islivemark(in long long folder); void
reloadalllivemarks(); void
reloadlivemarkfolder(in long long folderid); void setfeeduri(in long long container, in nsiuri feeduri); void setsiteuri(in long long container, in nsiuri siteuri); void start(); void stopupdatelivemarks(); methods createlivemark() creates a new livemark.
...
reloadalllivemarks() this method
reloads all livemark subscriptions, whether or not they have expired.
...And 4 more matches
<link>: The External Resource Link element - HTML: Hypertext Markup Language
take this example: <link rel="p
reload" href="myfont.woff2" as="font" type="font/woff2" crossorigin="anonymous"> a rel value of p
reload indicates that the browser should p
reload this resource (see p
reloading content with rel="p
reload" for more details), with the as attribute indicating the specific class of content being fetched.
... webtv supports the use of the value next for rel to p
reload the next page in a document series.
... as this attribute is only used when rel="p
reload" or rel="prefetch" has been set on the <link> element.
...And 4 more matches
Populating the page: how browsers work - Web Performance
though the browser's p
reload scanner hastens this process, excessive scripts can still be a significant bottleneck.
... p
reload scanner while the browser builds the dom tree, this process occupies the main thread.
... as this happens, the p
reload scanner will parse through the content available and request high priority resources like css, javascript, and web fonts.
...And 4 more matches
mozIAsyncFavicons
method overview void getfaviconurlforpage(in nsiuri apageuri, in nsifavicondatacallback acallback); void getfavicondataforpage(in nsiuri apageuri, in nsifavicondatacallback acallback); void setandfetchfaviconforpage(in nsiuri apageuri, in nsiuri afaviconuri, in boolean aforce
reload, in unsigned long afaviconloadtype, [optional] in nsifavicondatacallback acallback); void replacefavicondata(in nsiuri afaviconuri, [const,array,size_is(adatalen)] in octet adata, in unsigned long adatalen, in autf8string amimetype, [optional] in prtime aexpiration); void replacefavicondatafromdataurl(in nsiuri afaviconuri, in astring adataurl, [optional] in prtim...
...if the icon data already exists, we will not try to
reload the icon unless aforce
reload is true.
... similarly, if the icon is in the failed favicon cache we will not do anything unless aforce
reload is true, in which case we'll try to
reload the favicon.
...And 3 more matches
HTML attribute: rel - HTML: Hypertext Markup Language
link link link manifest web app manifest link not allowed not allowed modulep
reload tells to browser to preemptively fetch the script and store it in the document's module map for later evaluation.
... external resource not allowed not allowed p
reload specifies that the user agent must preemptively fetch and cache the target resource for current navigation according to the potential destination given by the as attribute (and the priority associated with the corresponding destination).
... modulep
reload useful for improved performance, and relevant to the <link> anywhere in the document, setting rel="modulep
reload" tells the browser to preemptively fetch the script (and dependencies) and store it in the document's module map for later evaluation.
...And 3 more matches
Index - Archive of obsolete content
1281
reload xul methods, xul reference no summary!
... 1282
reloadalltabs xul methods, xul reference no summary!
... 1283
reloadtab xul methods, xul reference no summary!
...And 2 more matches
Template Builder Interface - Archive of obsolete content
for rdf datasources, the builder's refresh method, however, will
reload the datasources.
...to summarize, the refresh method
reloads the data, whereas the rebuild method reconstructs the content.
...this is convenient when you want to simply add a new datasource to an existing template without
reloading existing data.
...And 2 more matches
nsISHistoryListener
method overview boolean onhistorygoback(in nsiuri abackuri); boolean onhistorygoforward(in nsiuri aforwarduri); boolean onhistorygotoindex(in long aindex, in nsiuri agotouri); void onhistorynewentry(in nsiuri anewuri); boolean onhistorypurge(in long anumentries); boolean onhistory
reload(in nsiuri a
reloaduri, in unsigned long a
reloadflags); methods onhistorygoback() called when navigating to a previous session history entry, for example due to an nsiwebnavigation.goback() call.
...onhistory
reload() called when the current document is
reloaded, for example due to an nsiwebnavigation.
reload() call.
... boolean onhistory
reload( in nsiuri a
reloaduri, in unsigned long a
reloadflags ); parameters a
reloaduri the uri of the document to be
reloaded.
...And 2 more matches
nsIWebNavigation
method overview void goback void goforward void gotoindex( in long index ) void loaduri(in wstring uri , in unsigned long loadflags , in nsiuri referrer , in nsiinputstream postdata, in nsiinputstream headers) void
reload(in unsigned long
reloadflags) void stop(in unsigned long stopflags) constants load flags constant value description load_flags_mask 65535 this flag defines the range of bits that may be specified.
... load_flags_charset_change 1024 this flag specifies that a
reload was triggered as a result of detecting an incorrect character encoding while parsing a previously loaded document.
...
reload() tells the object to
reload the current page.
...And 2 more matches
Responsive Design Mode - Firefox Developer Tools
ton - take a screenshot settings button - opens the rdm settings menu close button - closes rdm mode and returns to regular browsing the settings menu includes the following commands: left-align viewport - when checked moves the rdm viewport to the left side of the browser window show user agent - when checked displays the user agent string the final two options define when the page is
reloaded:
reload when touch simulation is toggled: when this option is enabled, the page is
reloaded whenever you toggle touch support.
...
reload when user agent is changed: when this option is enabled, the page is
reloaded whenever the user agent is changed.
...
reloading on these changes can be helpful because certain page behaviors would otherwise not be applied.
...And 2 more matches
Link types - HTML: Hypertext Markup Language
<link> <a>, <area>, <form> modulep
reload initiates early (and high-priority) loading of module scripts.
... <link> <a>, <area>, <form> p
reload tells the browser to download a resource because this resource will be needed later during the current navigation.
... see p
reloading content with rel="p
reload" for more details.
...And 2 more matches
tabs - Archive of obsolete content
a single tab will emit this event every time the dom is loaded: so it will be emitted again if the tab's location changes or the content is
reloaded.
...
reload()
reloads this tab.
... a single tab will emit this event every time the dom is loaded: so it will be emitted again if the tab's location changes or the content is
reloaded.
... a single tab will emit this event every time the page is loaded: so it will be emitted again if the tab's location changes or the content is
reloaded.
Index - Archive of obsolete content
550
reload xul methods, xul reference no summary!
... 551
reloadalltabs xul methods, xul reference no summary!
... 552
reloadtab xul methods, xul reference no summary!
... 553
reloadwithflags xul methods, xul reference no summary!
RDF Modifications - Archive of obsolete content
the second situation when notifications are made is when a datasource is being loaded or
reloaded.
...when
reloading a datasource, you might think that the rdf parser removes all the existing data, loads the new data, and adds it to the datasource.
...when
reloading a datasource, it keeps the existing rdf triples intact, and only modifies the datasource based on what has changed.
...if the
reloaded datasource hasn't changed, the builder won't receive any notifications.
Theme changes in Firefox 2 - Archive of obsolete content
button:active #cut-button:active #downloads-button:active #forward-button[buttondown="true"] #history-button:active #home-button:active #mail-button #mail-button:active #mail-button[disabled="true"] #mail-button[open="true"] #new-tab-button:active #new-tab-button[checked="true"] #new-window-button:active #new-window-button[checked="true"] #paste-button:active #print-button:active #
reload-button:active #stop-button:active .messagebutton .messageimage .messagetext browsermessage toolbar[iconsize="small"] #bookmarks-button:active toolbar[iconsize="small"] #copy-button:active toolbar[iconsize="small"] #cut-button:active toolbar[iconsize="small"] #downloads-button:active toolbar[iconsize="small"] #history-button:active toolbar[iconsize="small"] #home-button:active toolbar[...
..."] #mail-button toolbar[iconsize="small"] #mail-button:active toolbar[iconsize="small"] #mail-button[disabled="true"] toolbar[iconsize="small"] #mail-button[open="true"] toolbar[iconsize="small"] #new-tab-button:active toolbar[iconsize="small"] #new-window-button:active toolbar[iconsize="small"] #paste-button:active toolbar[iconsize="small"] #print-button:active toolbar[iconsize="small"] #
reload-button:active toolbar[iconsize="small"] #stop-button:active toolbar[mode="icons"] .toolbarbutton-text toolbar[mode="text"] .toolbarbutton-1 > .toolbarbutton-text toolbar[mode="text"] .toolbarbutton-1 > stack > toolbarbutton > .toolbarbutton-text toolbar[mode="text"] .toolbarbutton-icon the following styles need to be added to your theme to be compatible with firefox 2: #back-button .too...
... #go-button:hover #go-button[chromedir="rtl"] #history-button:hover:active #history-button:hover:active #history-button[checked="true"] #home-button:hover #home-button:hover:active #new-tab-button:hover #new-tab-button:hover:active #new-window-button:hover #new-window-button:hover:active #paste-button:hover #paste-button:hover:active #print-button:hover #print-button:hover:active #
reload-button:hover #
reload-button:hover:active #searchbar[empty="true"] .searchbar-textbox #stop-button:hover #stop-button:hover:active #urlbar-icons-spacer #urlbar-spacer #urlbar[level="high"] #lock-icon:active #urlbar[level="high"] #lock-icon:hover #urlbar[level="low"] #lock-icon:active #urlbar[level="low"] #lock-icon:hover .autocomplete-treebody::-moz-tree-cell(suggesthint) .autocomplete...
...er toolbar[iconsize="small"] #new-tab-button:hover:active toolbar[iconsize="small"] #new-window-button:hover toolbar[iconsize="small"] #new-window-button:hover:active toolbar[iconsize="small"] #paste-button:hover toolbar[iconsize="small"] #paste-button:hover:active toolbar[iconsize="small"] #print-button:hover toolbar[iconsize="small"] #print-button:hover:active toolbar[iconsize="small"] #
reload-button:hover toolbar[iconsize="small"] #
reload-button:hover:active toolbar[iconsize="small"] #stop-button:hover toolbar[iconsize="small"] #stop-button:hover:active toolbarbutton.bookmark-item-microsummarized you may need to make changes to other styles as well.
Implementing game control mechanisms - Game development
the src folder contains the javascript files split as a separate states — boot.js, p
reloader.js, mainmenu.js and game.js — these are loaded into the index file in this exact order.
... the first one initializes phaser, the second p
reloads all the assets, the third one controls the main menu welcoming the player, and the fourth controls the actual gameplay.
... every state has its own default methods: p
reload(), create(), and update().
... the first one is needed for p
reloading required assets, create() is executed once the state had started, and update() is executed on every frame.
How do you make sure your website works properly? - Learn web development
open firefox's network tool (tools ➤ web developer ➤ network) and
reload the page: there's the problem, that "404" at the bottom.
...so correct the typo in your code editor by changing the image's src attribute: save, push to the server, and
reload the page in your browser: there you go!
... let's look at the http statuses again: 200 for / and for unicorn_pic.png means that we succeeded in
reloading the page and the image.
... open the console (tools ➤ web developer ➤ web console) and
reload the page: in this example, we learn (quite clearly) what the error is, and we can go fix it (we will cover javascript in another series of articles).
Multimedia: video - Learn web development
optimizing video delivery it's best to compress all video, optimize <source> order, set autoplay, remove audio from muted video, optimize video p
reload, and consider streaming the video.
...this is the ffmpeg command string to remove audio: ffmpeg -i original.mp4 -an -c:v copy audiofreeversion.mp4 video p
reload the p
reload attribute has three available options: auto|metadata|none.
... setting p
reload="none" results in none of the video being downloaded until playback.
... offering more modest bandwidth savings, setting p
reload="metadata" may download up to 3% of the video on page load.
mozIStorageConnection
able(in string atablename, in string atableschema); mozistoragependingstatement executeasync([array, size_is(anumstatements)] in mozistoragebasestatement astatements, in unsigned long anumstatements, [optional] in mozistoragestatementcallback acallback ); void executesimplesql(in autf8string asqlstatement); boolean indexexists(in autf8string aindexname); void p
reload(); obsolete since gecko 1.9 void removefunction(in autf8string afunctionname); mozistorageprogresshandler removeprogresshandler(); void rollbacktransaction(); void setgrowthincrement(in print32 aincrement, in autf8string adatabasename); mozistorageprogresshandler setprogresshandler(in print32 agranularity, in mozistorageprogresshandler ahandler); ...
... p
reload() obsolete since gecko 1.9 (firefox 3) this is used to p
reload the database cache.
... this p
reload operation can dramatically speed up read operations because the data is loaded as one large block.
... void p
reload(); parameters none.
nsIMsgDBView
; void geturisforselection([array, size_is(count)] out string uris, out unsigned long count); void getindicesforselection([array, size_is(count)] out nsmsgviewindex indices, out unsigned long count); void loadmessagebymsgkey(in nsmsgkey amsgkey); void loadmessagebyviewindex(in nsmsgviewindex aindex); void loadmessagebyurl(in string aurl); void
reloadmessage(); void
reloadmessagewithallparts(); void selectmsgbykey(in nsmsgkey key); void selectfoldermsgbykey(in nsimsgfolder afolder, in nsmsgkey akey); void ondeletecompleted(in boolean succeeded); nsmsgviewindex findindexfromkey(in nsmsgkey amsgkey, in boolean aexpand); void expandandselectthreadbyindex(in nsmsgviewindex aindex, in boolean aa...
... void loadmessagebyurl(in string aurl); parameters aurl the url of the message
reloadmessage()
reload the currently shown message.
... void
reloadmessage();
reloadmessagewithallparts()
reload the currently shown message with fetchcompletemessage set to true.
... void
reloadmessagewithallparts(); selectmsgbykey() selects a message based on its key.
about:debugging - Firefox Developer Tools
you can also
reload the page by clicking the
reload button next to the url bar, and (starting 79), navigate backward or forward in the browsing history with the back and forward buttons.
...
reload reloads the temporary extension.
... for other changes, click the
reload button.
... this does what it says:
reloads any persistent scripts, such as background scripts parses the manifest.json file again, so changes to permissions, content_scripts, browser_action or any other keys take effect installed extensions the permanently installed extensions are listed in the next section, extensions.
Network Information API - Web APIs
var connection = navigator.connection || navigator.mozconnection || navigator.webkitconnection; var type = connection.effectivetype; function updateconnectionstatus() { console.log("connection type changed from " + type + " to " + connection.effectivetype); type = connection.effectivetype; } connection.addeventlistener('change', updateconnectionstatus); p
reload large resources the connection object is useful for deciding whether to p
reload resources that take large amounts of bandwidth or memory.
... this example would be called soon after page load to check for a connection type where p
reloading a video may not be desirable.
... if a cellular connection is found, then the p
reloadvideo flag is set to false.
... let p
reloadvideo = true; var connection = navigator.connection || navigator.mozconnection || navigator.webkitconnection; if (connection) { if (connection.effectivetype === 'slow-2g') { p
reloadvideo = false; } } interfaces networkinformation provides information about the connection a device is using to communicate with the network and provides a means for scripts to be notified if the connection type changes.
Cross-browser audio basics - Developer guides
p
reload the p
reload attribute allows you to specify a preference for how the browser p
reloads the audio, in other words, which part of the file it downloads when the <audio> element is initialized, and before the play button is pressed.
... p
reload can take 3 different values: none: don't download anything before the play button is pressed.
... <audio p
reload="auto"> ...
... emptied the media buffer has been emptied, possibly due to an error or because the load() method was invoked to
reload it.
<audio>: The Embed Audio element - HTML: Hypertext Markup Language
p
reload this enumerated attribute is intended to provide a hint to the browser about what the author thinks will lead to the best user experience.
... it may have one of the following values: none: indicates that the audio should not be p
reloaded.
... usage notes: the autoplay attribute has precedence over p
reload.
... emptied the media has become empty; for example, this event is sent if the media has already been loaded (or partially loaded), and the load() method is called to
reload it.
<video>: The Video Embed element - HTML: Hypertext Markup Language
p
reload this enumerated attribute is intended to provide a hint to the browser about what the author thinks will lead to the best user experience with regards to what content is loaded before the video is played.
... it may have one of the following values: none: indicates that the video should not be p
reloaded.
... note: the autoplay attribute has precedence over p
reload.
... emptied the media has become empty; for example, this event is sent if the media has already been loaded (or partially loaded), and the load() method is called to
reload it.
Configuring servers for Ogg media - HTTP
consider using the p
reload attribute the html <audio> and <video> elements provide the p
reload attribute, which tells the browser to attempt to download the entire media when the page loads.
... without p
reload, the browser only downloads enough of the media to display the first video frame, and to determine the media's duration.
... p
reload is off by default, so if getting to video is the point of your web page, your users may appreciate it if you include p
reload in your video elements.
... using p
reload="metadata" will p
reload the media file's metadata and possibly the first few frames of video.
Working with BFCache - Archive of obsolete content
q: is the page
reloaded?
...a: in the non-bfcache case, the page is
reloaded in the sense of reparsing from the original html source.
...the dom is recreated during the parsing process, and scripts are recompiled (and also
reloaded, probably from the http cache).
Scratchpad - Archive of obsolete content
reload and run the
reload and run option is only available in the execute menu.
... it first
reloads the page, then executes the code when the page's "load" event fires.
...atchpad shift + f4 shift + f4 shift + f4 run scratchpad code ctrl + r cmd + r ctrl + r run scratchpad code, display the result in the object inspector ctrl + i cmd + i ctrl + i run scratchpad code, insert the result as a comment ctrl + l cmd + l ctrl + l re-evaluate current function ctrl + e cmd + e ctrl + e
reload the current page, then run scratchpad code ctrl + shift + r cmd + shift + r ctrl + shift + r save the pad ctrl + s cmd + s ctrl + s open an existing pad ctrl + o cmd + o ctrl + o create a new pad ctrl + n cmd + n ctrl + n close scratchpad ctrl + w cmd + w ctrl + w pretty print the code in scratchpad ctrl ...
RDF in Mozilla FAQ - Archive of obsolete content
how do i
reload an rdf/xml datasource?
... you can force an rdf/xml datasource (or any datasource that supports nsirdfremotedatasource) to
reload using the refresh() method of nsirdfremotedatasource.
...note that a polling
reload generates a set of differences between the current and previous contents of the rdf/xml file.
Audio for Web games - Game development
buffering and p
reloading likely as an attempt to mitigate runaway mobile network data use, we also often find that buffering is disabled before playback has been initiated.
...however, p
reloading is still useful — without it, there would always need to be some client-server communication required before playing can commence.
... mobile support for web audio features mobile browser version concurrent play autoplay volume adjusting p
reload chrome (android) 69+ y y y y firefox (android) 62+ y y y y edge mobile y y y y opera mobile 46+ y y y y safari (ios) 7+ y/n* n n y android browser 67+ y y y y there's a full compatibility chart for mobile and desktop htmlmediaelement support ...
Game over - Game development
for now we'll keep it simple, showing an alert message and restarting the game by
reloading the page.
... first, replace where you initially called setinterval() setinterval(draw, 10); with: var interval = setinterval(draw, 10); then replace the second if statement with the following: if(y + dy < ballradius) { dy = -dy; } else if(y + dy > canvas.height-ballradius) { alert("game over"); document.location.
reload(); clearinterval(interval); // needed for chrome to end game } letting the paddle hit the ball the last thing to do in this lesson is to create some kind of collision detection between the ball and the paddle, so it can bounce off it and get back into the play area.
...update the last bit of code you modified again, to the following: if(y + dy < ballradius) { dy = -dy; } else if(y + dy > canvas.height-ballradius) { if(x > paddlex && x < paddlex + paddlewidth) { dy = -dy; } else { alert("game over"); document.location.
reload(); clearinterval(interval); } } if the ball hits the bottom edge of the canvas we need to check whether it hits the paddle .
Player paddle and controls - Game development
loading the paddle first, add the paddle variable we will be using in our game, right after the ball variable: var paddle; then, in the p
reload function, load the paddle image by adding the following new load.image() call: function p
reload() { // ...
... as you'll notice if you
reload your index.html at this point, the paddle is currently not exactly in the middle.
...update the previous line as follows: paddle.x = game.input.x || game.world.width*0.5; if you haven't already done so,
reload your index.html and try it out!
Scaling - Game development
we can make the game scale to fit on any screen size automatically during the p
reload stage, so we don't have to worry about it later.
...update your existing p
reload() function as follows: function p
reload() { game.scale.scalemode = phaser.scalemanager.show_all; game.scale.pagealignhorizontally = true; game.scale.pagealignvertically = true; } scalemode has a few different options available for how the canvas can be scaled: no_scale — nothing is scaled.
... user_scale — allows you to have custom dynamic scaling, calculating the size, scale and ratio on your own; again, this is more of an advanced mode the other two lines of code in the p
reload() function are responsible for aligning the canvas element horizontally and vertically, so it is always centered on screen regardless of size.
Build your own function - Learn web development
when you save your code and
reload it in the browser, you'll see the little message box appear immediately, only once.
...if you try changing the line to btn.onclick = displaymessage(); and saving and
reloading, you'll see that the message box appears without the button being clicked!
...
reload and try the code again and you'll see that it still works just fine, except that now you can also vary the message inside the parameter to get different messages displayed in the box!
Functions — reusable blocks of code - Learn web development
try editing a() and b() so they look like this: function a() { let y = 2; output(y); } function b() { let z = 3; output(z); } save the code and
reload it in your browser, then try calling the a() and b() functions from the javascript console: a(); b(); you should see the y and z values output in the page.
... now try updating your code like this: function a() { let y = 2; output(x); } function b() { let z = 3; output(x); } save and
reload again, and try this again in your javascript console: a(); b(); both the a() and b() call should output the value of x — 1.
... finally, try updating your code like this: function a() { let y = 2; output(z); } function b() { let z = 3; output(y); } save and
reload again, and try this again in your javascript console: a(); b(); this time the a() and b() calls will both return an annoying referenceerror: variable name is not defined error — this is because the output() calls and the variables they are trying to print are not in the same function scopes — the variables are effectively invisible to those function calls.
Client-side storage - Learn web development
this state will also persist across page/browser
reloads, because the name is stored in web storage.
...if we don't do this, then the personalized greeting will not persist across page
reloads.
...when the example is
reloaded), the service worker is installed against that page, meaning that it will start controlling it.
Experimental features in Firefox
nightly 75 yes developer edition 75 no beta 75 no release 75 no preference name dom.forms.inputmode <link rel="p
reload"> the <link> element's rel attribute is intended to help provide performance gains by letting you download resources earlier in the page lifecycle, ensuring that they're available earlier and are less likely to block page rendering.
... read p
reloading content with rel="p
reload" for more details.
... nightly 78 yes developer edition 78 yes beta 78 yes release 78 no preference name network.p
reload css display stray control characters in css as hex boxes this feature renders control characters (unicode category cc) other than tab (u+0009), line feed (u+000a), form feed (u+000c), and carriage return (u+000d) as a hexbox when they are not expected.
Using the Places favicon service
this time is used by nsifaviconservice.setandloadfaviconforpage() to determine if the data is fresh or needs
reloading from the server.
...this makes sure that we aren't obsessively
reloading favicons into the database for every page viewed, but also that changes in the favicon will be picked up quickly.
...the expiration time is only used to determine whether data should be
reloaded from the network (or cache) or whether the version in the database is fresh enough.
nsIPluginHost
void
reloadplugins(in boolean
reloadpages); void setisscriptableinstance(in nsiplugininstance ainstance, in boolean ascriptable); native code only!
...
reloadplugins() causes the plugins directory to be searched again for new plugin libraries.
... void
reloadplugins( in boolean
reloadpages ); parameters
reloadpages indicates whether currently visible pages should also be
reloaded.
Version, UI, and Status Information - Plugins
bool has_windowless() { npbool supportswindowless = false; nperror ret = npn_getvalue(instance, npnvsupportswindowless, &supportswindowless); return ret == nperr_no_error && supportswindowless; }
reloading a plug-in when the browser starts up, it loads all the plug-ins it finds in the plugins directory for the platform.
... if you call npn_
reloadplugins, the browser
reloads all plug-ins in the plugins directory without restarting.
... void npn_
reloadplugins(npbool
reloadpages); the
reloadpages parameter is a boolean that indicates whether to
reload the page (true) or not (false).
DevTools API - Firefox Developer Tools
reloadtarget(force)
reloads the current target of the toolbox.
... parameters: force {boolean} - if true the target is shift-
reloaded i.e.
... the cache is bypassed during the
reload.
about:debugging (before Firefox 68) - Firefox Developer Tools
there's a better way to handle the other cases: click the "
reload" button next to the "debug" button.
... this does what it says:
reloading any persistent scripts, such as background scripts parsing the manifest.json file again, so changes to permissions, content_scripts, browser_action or any other keys will take effect.
... note that in firefox 49 onwards, the
reload button is only enabled for temporary add-ons.
FetchEvent() - Web APIs
is
reload read only a boolean that signifies whether the page was
reloaded or not when the event was dispatched.
...typically, pressing the refresh button in a browser is a
reload, while clicking a link and pressing the back button is not.
... p
reloadresponse read only a promise which returns a previously-loaded response to the client.
Using IndexedDB - Web APIs
when you call open() with a greater version than the actual version of the database, all other open databases must explicitly acknowledge the request before you can start making changes to the database (an onblocked event is fired until they are closed or
reloaded).
...please
reload or close this tab!"); }; // do stuff with the database.
...-list"></ul>'); compat_envs.foreach(function(val, idx, array) { $('#compat-list').append('<li>' + val[0] + ': ' + val[1] + '</li>'); }); const db_name = 'mdn-demo-indexeddb-epublications'; const db_version = 1; // use a long long for this value (don't use a float) const db_store_name = 'publications'; var db; // used to keep track of which view is displayed to avoid uselessly
reloading it var current_view_pub_key; function opendb() { console.log("opendb ..."); var req = indexeddb.open(db_name, db_version); req.onsuccess = function (evt) { // equal to: db = req.result; db = this.result; console.log("opendb done"); }; req.onerror = function (evt) { console.error("opendb:", evt.target.errorcode); }; req.onupgradeneeded =...
Using Navigation Timing - Web APIs
in particular, you need to know: was this a load or a
reload?
... window.addeventlistener("load", function() { let now = new date().gettime(); let loadingtime = now - performance.timing.navigationstart; output = "load time: " + loadingtime + " ms<br/>"; output += "navigation type: "; switch(performance.navigation.type) { case performancenavigation.type_navigate: output += "navigation"; break; case performancenavigation.type_
reload: output += "
reload"; break; case performancenavigation.type_back_forward: output += "history"; break; default: output += "unknown"; break; } output += "<br/>redirects: " + performance.navigation.redirectcount; document.queryselector(".output").innerhtml = output; }, false); this amends the previous example by looking at the contents ...
...performance.navigation.type indicates what kind of load operation took place: a navigation, a
reload, or a shift through the browser's history.
Request.cache - Web APIs
reload — the browser fetches the resource from the remote server without first looking in the cache, but then will update the cache with the downloaded resource.
...fetch("some.json", {cache: "
reload"}) .then(function(response) { /* consume the response */ }); // download a resource with cache busting when dealing with a // properly configured server that will send the correct etag // and date headers and properly handle if-modified-since and // if-none-match request headers, therefore we can rely on the // validation to guarantee a fresh response.
...new date(date).gettime() : 0 if (dt < (date.now() - 86400000)) { // if older than 24 hours controller.abort() controller = new abortcontroller(); return fetch("some.json", {cache: "
reload", mode: "same-origin", signal: controller.signal}) } // other possible conditions if (dt < (date.now() - 300000)) // if it's older than 5 minutes fetch("some.json", {cache: "no-cache", mode: "same-origin"}) // no cancellation or return value.
Using the Web Storage API - Web APIs
the two mechanisms within web storage are as follows: sessionstorage maintains a separate storage area for each given origin that's available for the duration of the page session (as long as the browser is open, including page
reloads and restores).
...next, we set the values displayed in the form elements to those values, so that they keep in sync when you
reload the page.
... finally, we update the styles/decorative image on the page, so your customization options come up again on
reload.
ARIA live regions - Accessibility
using javascript, it is possible to dynamically change parts of a page without requiring the entire page to
reload — for instance, to update a list of search results on the fly, or to display a discreet alert or notification which does not require user interaction.
... simple live regions dynamic content which updates without a page
reload is generally either a region or a widget.
...display a list of users where a user's log-in and log-out status will be reflected dynamically (without a page
reload).
Using CSS animations - CSS: Cascading Style Sheets
<p>the caterpillar and alice looked at each other for some time in silence: at last the caterpillar took the hookah out of its mouth, and addressed her in a languid, sleepy voice.</p> note:
reload page to see the animation, or click the codepen button to see the animation in the codepen environment.
... note:
reload page to see the animation, or click the codepen button to see the animation in the codepen environment.
... note:
reload page to see the animation, or click the codepen button to see the animation in the codepen environment.
Creating a cross-browser video player - Developer guides
<figure id="videocontainer"> <video id="video" controls p
reload="metadata" poster="img/poster.jpg"> <source src="video/tears-of-steel-battle-clip-medium.mp4" type="video/mp4"> <source src="video/tears-of-steel-battle-clip-medium.webm" type="video/webm"> <source src="video/tears-of-steel-battle-clip-medium.ogg" type="video/ogg"> <!-- flash fallback --> <object type="application/x-shockwave-flash" data="flash-player.swf?videourl=vi...
... a poster image is defined for the video, and the p
reload attribute is set to metadata, which informs the browser that it should initially only attempt to load the metadata from the video file rather than the entire video file.
...ie9 will only use the specified poster image in this way if p
reload="none" is set; otherwise, it will take the first still of the video and display that instead.
HTML documentation index - HTML: Hypertext Markup Language
226 link types: modulep
reload attribute, html, link, link types, reference the modulep
reload keyword for the rel attribute of the <link> element provides a declarative way to preemptively fetch a module script and its dependencies, and store them in the document's module map for later evaluation.
... 231 link types: p
reload attribute, html, link, link types, reference the p
reload keyword for the rel attribute of the <link> element indicates the user is highly likely to require the target resource for the current navigation, and therefore the browser must preemptively fetch and cache the resource.
... 235 p
reloading content with rel="p
reload" guide, html, javascript, link, media, performance, web performance, as, p
reload, rel the p
reload value of the <link> element's rel attribute lets you declare fetch requests in the html's <head>, specifying resources that your page will need very soon, which you want to start loading early in the page lifecycle, before browsers' main rendering machinery kick...
Web Performance
this article explains the tls handshake process, and offers some tips for reducing this time, such as ocsp stapling, hsts p
reload headers, and the potential role of resource hints in masking tls latency for third parties.
...native browser features enable us to hint to the browser when it should connect to another server, or p
reload a resource before the browser knows it ever needs it.
...in this article, we cover native browser features like rel=preconnect, rel=dns-prefetch, rel=prefetch, and rel=p
reload, and how to use them to your advantage.
Using the Stylesheet Service - Archive of obsolete content
in firefox 3, the changes take effect immediately, though some declarations (especially those affecting xul) won't work until a
reload.
... backwards compatibility you can check for the availability and the functionality of the stylesheet service: if("@mozilla.org/content/style-sheet-service;1" in components.classes) { if(components.id('{41d979dc-ea03-4235-86ff-1e3c090c5630}') .equals(components.interfaces.nsistylesheetservice)) { // stylesheet service is available, but changes won't apply until
reload // (firefox 1.5 and 2 behaviour) } else { // stylesheet service is available and changes will apply immediately // (firefox 3 behaviour) } } else { // stylesheet service is not available (pre-firefox 1.5 behaviour) } ...
JavaScript crypto - Archive of obsolete content
<script> function onsmartcardchange() { window.location.
reload(); } function register() { window.crypto.enablesmartcardevents = true; document.addeventlistener("smartcard-insert", onsmartcardchange, false); document.addeventlistener("smartcard-remove", onsmartcardchange, false); } function deregister() { document.removeeventlistener("smartcard-insert", onsmartcardchange, false); document.removeeventlistener("smartcard-remove", onsmartcardchange, fa...
...lse); } document.body.onload = register; document.body.onunload = deregister; </script> with the above example, your web site will automatically
reload anytime a smartcard is inserted or removed.
slideBar - Archive of obsolete content
jetpack.future.import("slidebar"); methods append(iconurihtmlhtml/xmlurluriwidthintpersistboolauto
reloadboolonclickfunctiononselectfunctiononreadyfunction)this is a list of options to specify modifications to your slidebar instance.
... iconhref oficon to show in the slidebaruri htmlhtml content for the featurehtml/xml urlurl to load content for the featureuri widthwidth of the content area and the selected slide sizeint persistdefault slide behavior when being selectedbool auto
reloadautomatically
reload content on selectbool onclickcallback when the icon is clickedfunction onselectcallback when the feature is selectedfunction onreadycallback when featured is loadedfunction an example: jetpack.slidebar.append({ url: "http://mozilla.com", width: 150, onclick: function(slide){ slide.icon.src = "chrome://branding/content/icon48.png"; }}); ...
Proxy UI - Archive of obsolete content
proxy autoconfiguration has a url field and a
reload button.
...automatic proxy configuration url supports a url (which is checked via urifixup) and a
reload button.
XUL Structure - Archive of obsolete content
although you don't normally distribute a package this way, it is handy during development since you can edit the file directly and then
reload the xul file without having to repackage or reinstall the files.
...however, because of this, the xul will be not be
reloaded even when the source files are changed.
Track the score and win - Game development
ar b = bricks[c][r]; if(b.status == 1) { if(x > b.x && x < b.x+brickwidth && y > b.y && y < b.y+brickheight) { dy = -dy; b.status = 0; score++; if(score == brickrowcount*brickcolumncount) { alert("you win, congratulations!"); document.location.
reload(); clearinterval(interval); // needed for chrome to end game } } } } } } thanks to this, your users can actually win the game when they destroy all the bricks, which is quite important when it comes to games.
... the document.location.
reload() function
reloads the page and starts the game again once the alert button is clicked.
Build the brick field - Game development
rendering the brick image next, let's load the image of the brick — add the following load.image() call just below the others: function p
reload() { // ...
...info.padding))+brickinfo.offset.left; var bricky = (r*(brickinfo.height+brickinfo.padding))+brickinfo.offset.top; newbrick = game.add.sprite(brickx, bricky, 'brick'); game.physics.enable(newbrick, phaser.physics.arcade); newbrick.body.immovable = true; newbrick.anchor.set(0.5); bricks.add(newbrick); } } } if you
reload index.html at this point, you should see the bricks printed on screen, at an even distance from one another.
Extra lives - Game development
instead of executing an anonymous function and showing the alert right away : ball.events.onoutofbounds.add(function(){ alert('game over!'); location.
reload(); }, this); we will assign a new function called ballleavescreen; delete the previous event handler (shown above) and replace it with the following line: ball.events.onoutofbounds.add(ballleavescreen, this); we want to decrease the number of lives every time the ball leaves the canvas.
...lives); lifelosttext.visible = true; ball.reset(game.world.width*0.5, game.world.height-25); paddle.reset(game.world.width*0.5, game.world.height-5); game.input.ondown.addonce(function(){ lifelosttext.visible = false; ball.body.velocity.set(150, -150); }, this); } else { alert('you lost, game over!'); location.
reload(); } } instead of instantly printing out the alert when you lose a life, we first subtract one life from the current number and check if it's a non-zero value.
Game over - Game development
add the following lines just below the previous new one: ball.checkworldbounds = true; ball.events.onoutofbounds.add(function(){ alert('game over!'); location.
reload(); }, this); adding those lines will make the ball check the world (in our case canvas) bounds and execute the function bound to the onoutofbounds event.
... when you click on the resulting alert, the page will be
reloaded so you can play again.
Initialize the framework - Game development
index.html, in a sensible location, and add the following code to it: <!doctype html> <html> <head> <meta charset="utf-8" /> <title>gamedev phaser workshop - lesson 01: initialize the framework</title> <style>* { padding: 0; margin: 0; }</style> <script src="js/phaser.min.js"></script> </head> <body> <script> var game = new phaser.game(480, 320, phaser.canvas, null, { p
reload: p
reload, create: create, update: update }); function p
reload() {} function create() {} function update() {} </script> </body> </html> downloading the phaser code next, we need to go through the process of downloading the phaser source code and applying it to our html document.
... p
reload takes care of p
reloading the assets create is executed once when everything is loaded and ready update is executed on every frame.
Physics - Game development
final code check the latest code should look like this: var ball; function p
reload() { game.scale.scalemode = phaser.scalemanager.show_all; game.scale.pagealignhorizontally = true; game.scale.pagealignvertically = true; game.stage.backgroundcolor = '#eee'; game.load.image('ball', 'img/ball.png'); } function create() { game.physics.startsystem(phaser.physics.arcade); ball = game.add.sprite(50, 50, 'ball'); game.physics.enable(ball, phaser.physics...
....arcade); ball.body.velocity.set(150, 150); } function update() { } try
reloading index.html again — the ball should now be moving constantly in the given direction.
CSS and JavaScript accessibility best practices - Learn web development
the client-side validation is still really useful for reporting errors — users can know about mistakes they make instantly, rather than having to wait for a round trip to the server and a page
reload.
... as a final note, we have used some wai-aria attributes in our demo to help solve accessibility problems caused by areas of content constantly updating without a page
reload (screen readers won't pick this up or alert users to it by default): <div class="errors" role="alert" aria-relevant="all"> <ul> </ul> </div> we will explain these attributes in our next article, which covers wai-aria in much more detail.
Floats - Learn web development
nulla luctus aliquam dolor, eu lacinia lorem placerat vulputate.</p> </div> in your css, add the following rule for the .wrapper class and then
reload the page: .wrapper { background-color: rgb(79,185,227); padding: 10px; color: #fff; } in addition, remove the original .cleared class: .cleared { clear: left; } you will see that, just like in the example where we put a background color on the paragraph, the background color runs behind the float.
... add the following css to our example: .wrapper::after { content: ""; clear: both; display: block; } now
reload the page and the box should clear.
Grids - Learn web development
.container { display: grid; grid-template-columns: 200px 200px 200px; } add the 2nd declaration to your css rule, then
reload the page, and you should see that the items have rearranged themselves one into each cell of the created grid.
... .container { display: grid; grid-template-areas: "header header" "sidebar content" "footer footer"; grid-template-columns: 1fr 3fr; grid-gap: 20px; } header { grid-area: header; } article { grid-area: content; } aside { grid-area: sidebar; } footer { grid-area: footer; }
reload the page and you will see that your items have been placed just as before without us needing to use any line numbers!
Multiple-column layout - Learn web development
the column-count property will create as many columns as the value you give it, so if you add the following css to your stylesheet and
reload the page, you will get three columns: .container { column-count: 3; } the columns that you create have flexible widths — the browser works out how much space to assign each column.
... .card { break-inside: avoid; page-break-inside: avoid; background-color: rgb(207,232,220); border: 2px solid rgb(79,185,227); padding: 10px; margin: 0 0 1em 0; }
reload the page and your boxes should stay in one piece.
Getting started with CSS - Learn web development
using your code editor add the following to your css file: h1 { color: red; } save your html and css files and
reload the page in a web browser.
...try adding a class of special to it, then
reload your page and see what happens.
Video and audio content - Learn web development
take a look at our next example: <video controls width="400" height="400" autoplay loop muted p
reload="auto" poster="poster.png"> <source src="rabbit320.mp4" type="video/mp4"> <source src="rabbit320.webm" type="video/webm"> <p>your browser doesn't support html video.
... p
reload used for buffering large files; it can take one of three values: "none" does not buffer the file "auto" buffers the media file "metadata" buffers only the metadata for the file you can find the above example available to play live on github (also see the source code.) note that we haven't included the autoplay attribute in the live version — if the video starts to play as soon...
Drawing graphics - Learn web development
add the following chunk of code at the bottom of your javascript: let cube; let loader = new three.textu
reloader(); loader.load( 'metal003.png', function (texture) { texture.wraps = three.repeatwrapping; texture.wrapt = three.repeatwrapping; texture.repeat.set(2, 2); let geometry = new three.boxgeometry(2.4, 2.4, 2.4); let material = new three.meshlambertmaterial( { map: texture, shading: three.flatshading } ); cube = new three.mesh(geometry, material); scene.add(cube); draw(); }); t...
... next, we create a new textu
reloader object, then call load() on it.
Fetching data from the server - Learn web development
the ajax model involves using a web api as a proxy to more intelligently request data rather than just having the browser
reload the entire page.
...the content is only
reloaded from the server when it has been updated.
HTML performance features - Learn web development
elements & attributes impacting performance the <picture> element the <video> element the <source> element the <img> srcset attribute responsive images p
reloading content with rel="p
reload" - (https://w3c.github.io/p
reload/ ) async / defer attributes <iframe> <object> <script> rel attribute conclusion previous overview: performance next in this module the "why" of web performance what is web performance?
... html performance features css performance features fonts and performance mobile performance focusing on performance see also the <picture> element the <video> element the <source> element the <img> srcset attribute responsive images p
reloading content with rel="p
reload" - (https://w3c.github.io/p
reload/ ) ...
Getting started with React - Learn web development
this file contains our first component, app, and a few other lines of code: import react from 'react'; import logo from './logo.svg'; import './app.css'; function app() { return ( <div classname="app"> <header classname="app-header"> <img src={logo} classname="app-logo" alt="logo" /> <p> edit <code>src/app.js</code> and save to
reload.
... function app() { return ( <div classname="app"> <header classname="app-header"> <img src={logo} classname="app-logo" alt="logo" /> <p> edit <code>src/app.js</code> and save to
reload.
Working with Svelte stores - Learn web development
we will also see how to develop our own custom store to persist the todo information to web storage, allowing our todos to persist over page
reloads.
... using the store contract to persist our todos our little app lets us manage our todos quite easily, but is rather useless if we always get the same list of hardcoded todos when we
reload it.
Eclipse CDT
instead of processing build console output, eclipse could use something like ld_p
reload to load its own little library into all the processes that are invoked as part of the build process.
... troubleshooting: if you get an error when trying to update, try clicking "available software sites" in the "install" window, make sure "juno" is still unticked, that "nightly" is ticked, highlight "nightly", click "
reload", "ok", and then try again.
mozbrowserloadend
example in this example the mozbrowserloadstart and mozbrowserloadend events are used to change the icon shown on the stop/
reload button between stop (x) and
reload (r), as appropriate.
... var browser = document.queryselector("iframe"); browser.addeventlistener('mozbrowserloadend',function(e) { stop
reload.textcontent = 'r'; console.log(e.detail.backgroundcolor); controls.style.background = e.detail.backgroundcolor; }); browser.addeventlistener('mozbrowserloadend',function() { stop
reload.textcontent = 'r'; }); related events mozbrowserasyncscroll mozbrowserclose mozbrowsercontextmenu mozbrowsererror mozbrowsericonchange mozbrowserloadstart mozbrowserlocationchange mozbrowseropenwi...
mozbrowserloadstart
example in this example the mozbrowserloadend and mozbrowserloadstart events are used to change the icon shown on the stop/
reload button between stop (x) and
reload (r), as appropriate.
... var browser = document.queryselector("iframe"); browser.addeventlistener('mozbrowserloadstart',function() { stop
reload.textcontent = 'x'; }); browser.addeventlistener('mozbrowserloadend',function() { stop
reload.textcontent = 'r'; }); related events mozbrowserasyncscroll mozbrowserclose mozbrowsercontextmenu mozbrowsererror mozbrowsericonchange mozbrowserloadend mozbrowserlocationchange mozbrowseropenwindow mozbrowsersecuritychange mozbrowsershowmodalprompt mozbrowsertitlechange mozbrowserusernameandpasswordrequired ...
Browser API
they are necessary to be able to implement back, forward, stop, and
reload buttons.
... htmliframeelement.
reload() allows
reloading of the <iframe> element content.
Downloads.jsm
calling this function may cause the download list to be
reloaded from the previous session, if it wasn't loaded already.
... calling this function does not cause the list of public downloads to be
reloaded from the previous session.
Using JavaScript code modules
sharing objects using code modules an extremely important behavior of components.utils.import() is that modules are cached when loaded and subsequent imports do not
reload a new version of the module, but instead use the previously cached version.
...once this method has been called, references to the module will continue to work but any subsequent import of the module will
reload it and give a new reference.
Using the Places livemark service
the livemark service, offered by the nsilivemarkservice interface, is used to create, edit, and
reload livemarks.
...note: the caller is responsible for
reloading the livemark after changing its feed uri (since the contents are likely to be different given a different feed).
nsIDocShell
load_cmd_
reload 0x2 returned by the loadtype attribute for
reloads.
...for instance, if the user tries to
reload the page, then this is the url that will be
reloaded.
nsISHistory
to create an instance, use: var shistory = components.classes["@mozilla.org/browser/shistory;1"] .createinstance(components.interfaces.nsishistory); method overview void addshistorylistener(in nsishistorylistener alistener); nsishentry getentryatindex(in long index, in boolean modifyindex); void purgehistory(in long numentries); void
reloadcurrententry(); void removeshistorylistener(in nsishistorylistener alistener); attributes attribute type description count long the number of toplevel documents currently available in session history.
...
reloadcurrententry() void
reloadcurrententry(); parameters none.
nsIXULTemplateBuilder
refresh()
reloads any rdf datasources that support nsirdfremotedatasource.
... note: this is a temporary hack so that remote-xul authors can
reload remote datasources.
Gecko Plugin API Reference - Plugins
he url and displaying the page posting urls posting data to an http server uploading files to an ftp server sending mail memory allocating and freeing memory mac os flushing memory (mac os only) version, ui, and status information displaying a status line message getting agent information getting the current version finding out if a feature exists
reloading a plug-in plug-in side plug-in api this chapter describes methods in the plug-in api that are available from the plug-in object.
... npn_
reloadplugins
reloads all plug-ins in the plugins directory.
Network request list - Firefox Developer Tools
each request is displayed in its own row: by default, the network monitor is cleared each time you navigate to a new page or
reload the current page.
...
reload the page to test it with the specified url blocked.
Examine and edit CSS - Firefox Developer Tools
any changes you make are temporary:
reloading the page will restore the original styling.
... also remember, as noted above, that changes you make to the css rules are temporary and will be reset if you
reload the page.
Document: DOMContentLoaded event - Web APIs
function dosomething() { console.info('dom loaded'); } if (document.readystate === 'loading') { // loading hasn't finished yet document.addeventlistener('domcontentloaded', dosomething); } else { // `domcontentloaded` has already fired dosomething(); } live example html <div class="controls"> <button id="
reload" type="button">
reload</button> </div> <div class="event-log"> <label>event log:</label> <textarea readonly class="event-log-contents" rows="8" cols="30"></textarea> </div> css body { display: grid; grid-template-areas: "control log"; } .controls { grid-area: control; display: flex; align-items: center; justify-content: center; } .event-log { grid-area: log; } .event-log-...
...contents { resize: none; } label, button { display: block; } #
reload { height: 2rem; } js const log = document.queryselector('.event-log-contents'); const
reload = document.queryselector('#
reload');
reload.addeventlistener('click', () => { log.textcontent =''; window.settimeout(() => { window.location.
reload(true); }, 200); }); window.addeventlistener('load', (event) => { log.textcontent = log.textcontent + 'load\n'; }); document.addeventlistener('readystatechange', (event) => { log.textcontent = log.textcontent + `readystate: ${document.readystate}\n`; }); document.addeventlistener('domcontentloaded', (event) => { log.textcontent = log.textcontent + `domcontentloaded\n`; }); result specifications specification status comment ...
Document: readystatechange event - Web APIs
bubbles no cancelable no interface event event handler property onreadystatechange examples live example html <div class="controls"> <button id="
reload" type="button">
reload</button> </div> <div class="event-log"> <label>event log:</label> <textarea readonly class="event-log-contents" rows="8" cols="30"></textarea> </div> css body { display: grid; grid-template-areas: "control log"; } .controls { grid-area: control; display: flex; align-items: center; justify-content: center; } .event-log { grid-area: log; } .event-log-contents { resize: none; } label, button { display: block; } #
reload { height: 2rem; } j...
...s const log = document.queryselector('.event-log-contents'); const
reload = document.queryselector('#
reload');
reload.addeventlistener('click', () => { log.textcontent =''; window.settimeout(() => { window.location.
reload(true); }, 200); }); window.addeventlistener('load', (event) => { log.textcontent = log.textcontent + 'load\n'; }); document.addeventlistener('readystatechange', (event) => { log.textcontent = log.textcontent + `readystate: ${document.readystate}\n`; }); document.addeventlistener('domcontentloaded', (event) => { log.textcontent = log.textcontent + `domcontentloaded\n`; }); result specifications specification status comment html living standardthe definition of 'readystatechange' in that specification.
HTMLLinkElement - Web APIs
specifications specification status comment p
reload candidate recommendation defines <link rel="p
reload">, and the as property.
... note that currently firefox only supports p
reloading of cacheable resources.
HTMLMediaElement - Web APIs
htmlmediaelement.p
reload is a domstring that reflects the p
reload html attribute, indicating what data should be p
reloaded, if any.
... emptied fired when the media has become empty; for example, when the media has already been loaded (or partially loaded), and the htmlmediaelement.load() method is called to
reload it.
History.go() - Web APIs
if no value is passed or if delta equals 0, it has the same result as calling location.
reload().
... examples to move back one page (the equivalent of calling back()): history.go(-1) to move forward a page, just like calling forward(): history.go(1) to move forward two pages: history.go(2); to move backwards by two pages: history.go(-2); and, finally either of the following statements will
reload the current page: history.go(); history.go(0); specifications specification status comment html living standardthe definition of 'history.go()' in that specification.
Working with the History API - Web APIs
the popstate event won't be fired because the page has been
reloaded.
...when the page
reloads, the page will receive an onload event, but no popstate event.
PerformanceNavigationTiming.type - Web APIs
the value must be one of the following: navigate navigation started by clicking a link, entering the url in the browser's address bar, form submission, or initializing through a script operation other than
reload and back_forward as listed below.
...
reload navigation is through the browser's
reload operation or location.
reload().
VideoPlaybackQuality.corruptedVideoFrames - Web APIs
the videoplaybackquality interface's read-only corruptedvideoframes property the number of corrupted video frames that have been received since the <video> element was last loaded or
reloaded.
... syntax corruptframefount = videoplaybackquality.corruptedvideoframes; value the number of corrupted video frames that have been received since the <video> element was last loaded or
reloaded.
WebGLRenderingContext.makeXRCompatible() - Web APIs
addeventlistener("load", (event) => { loadsceneresources(currentscene); glstartbutton.addeventlistener("click", handlestartbuttonclick); xrstartbutton.addeventlistener("click", handlestartbuttonclick); }); outputcanvas.addeventlistener("webglcontextlost", (event) => { /* the context has been lost but can be restored */ event.canceled = true; }); /* when the gl context is reconnected,
reload the resources for the current scene.
... handlers are provided for both webglcontextlost and webglcontextrestored; in the first case, we make sure we're aware that the state can be recovered, while in the latter we actually
reload the scene to ensure we have the correct resources for the current screen or headset configuration.
Window.closed - Web APIs
refreshing a previously opened popup in this example the function refreshpopupwindow() calls the
reload() method of the popup's location object to refresh its data.
... const popupwindow = null; function refreshpopupwindow() { if (popupwindow && !popupwindow.closed) { // popupwindow is open, refresh it popupwindow.location.
reload(true); } else { // open a new popup window popupwindow = window.open('popup.html', 'datawindow'); } } specification specification status comment html living standardthe definition of 'window.closed' in that specification.
Window: load event - Web APIs
interface event event handler property onload examples log a message when the page is fully loaded: window.addeventlistener('load', (event) => { console.log('page is fully loaded'); }); the same, but using the onload event handler property: window.onload = (event) => { console.log('page is fully loaded'); }; live example html <div class="controls"> <button id="
reload" type="button">
reload</button> </div> <div class="event-log"> <label>event log:</label> <textarea readonly class="event-log-contents" rows="8" cols="30"></textarea> </div> css body { display: grid; grid-template-areas: "control log"; } .controls { grid-area: control; display: flex; align-items: center; justify-content: center; } .event-log { grid-area: log; } .event-log-...
...contents { resize: none; } label, button { display: block; } #
reload { height: 2rem; } js const log = document.queryselector('.event-log-contents'); const
reload = document.queryselector('#
reload');
reload.addeventlistener('click', () => { log.textcontent =''; window.settimeout(() => { window.location.
reload(true); }, 200); }); window.addeventlistener('load', (event) => { log.textcontent = log.textcontent + 'load\n'; }); document.addeventlistener('readystatechange', (event) => { log.textcontent = log.textcontent + `readystate: ${document.readystate}\n`; }); document.addeventlistener('domcontentloaded', (event) => { log.textcontent = log.textcontent + `domcontentloaded\n`; }); result specifications specification status comment ...
window.location - Web APIs
location.assign("http://www.mozilla.org"); // or location = "http://www.mozilla.org"; example #2: force
reloading the current page from the server location.
reload(true); example #3 consider the following example, which will
reload the page by using the replace() method to insert the value of location.pathname into the hash: function
reloadpagewithhash() { var initialpage = location.pathname; location.replace('http://example.com/#' + initialpage); } example #4: display the properties of the curre...
...nclick="showloc();">show location properties</button> example #5: send a string of data to the server by modifying the search property: function senddata (sdata) { location.search = sdata; } // in html: <button onclick="senddata('some data');">send data</button> the current url with "?some%20data" appended is sent to the server (if no action is taken by the server, the current document is
reloaded with the modified search string).
Window.open() - Web APIs
toolbar if this feature is on, then the new secondary window renders the toolbar buttons (back, forward,
reload, stop buttons).
...there would be no need to re-create the window or to
reload the referenced resource.
Event reference
emptied the media has become empty; for example, this event is sent if the media has already been loaded (or partially loaded), and the load() method is called to
reload it.
...for example, this event is triggered if the media has already been loaded (or partially loaded), and the load() method is called to
reload it.
Audio and Video Delivery - Developer guides
html audio <audio controls p
reload="auto"> <source src="audiofile.mp3" type="audio/mpeg"> <!-- fallback for browsers that don't support mp3 --> <source src="audiofile.ogg" type="audio/ogg"> <!-- fallback for browsers that don't support audio tag --> <a href="audiofile.mp3">download audio</a> </audio> the code above will create an audio player that attempts to p
reload as much audio as possible for smooth playback.
... note: the p
reload attribute may be ignored by some mobile browsers.
HTML: Hypertext Markup Language
p
reloading content with rel="p
reload" the p
reload value of the <link> element's rel attribute allows you to write declarative fetch requests in your html <head>, specifying resources that your pages will need very soon after loading, which you therefore want to start p
reloading early in the lifecycle of a page load, before the browser's main rendering machinery kicks in.
...this article provides a basic guide to how p
reload works.
Redirections in HTTP - HTTP
if you serve the response as the result of this request, a simple press of the
reload button will resend the request (possibly after a confirmation message).
...if the
reload button is pressed, only that page is redisplayed, without replaying the unsafe requests.
panel - Archive of obsolete content
however, doing this will cause any content scripts to be unloaded and then
reloaded, so it may be less efficient, and you'll lose any state associated with the scripts.
content/loader - Archive of obsolete content
example: the following code creates a wrapper on a hidden frame that
reloads a web page in the frame every time the contenturl property is changed: var hiddenframes = require("sdk/frame/hidden-frame"); var { loader } = require("sdk/content/content"); var pageloader = loader.compose({ constructor: function pageloader(options) { options = options || {}; if (options.contenturl) this.contenturl = options.contenturl; this.on('propertychange', this._onchan...
Toolbar - Archive of obsolete content
you must not insert your toolbar button between any of the following elements: the combined back/forward button, the location bar, the stop botton, or the
reload button.
Code snippets - Archive of obsolete content
browser-oriented code tabbed browser code (firefox/seamonkey) basic operations, such as page loading, with the tabbed browser, which is the heart of mozilla's browser applications cookies reading, writing, modifying, and removing cookies page loading code used to load pages,
reload pages, and listen for page loads interaction between privileged and non-privileged code how to communicate from extensions to websites and vice-versa.
Extension Etiquette - Archive of obsolete content
theming if you have xul buttons in your extension that do functions similar to ones that already exist in a browser — for example, a feed reader that
reloads and stops — use icons from the browser's theme.
Creating a dynamic status bar extension - Archive of obsolete content
we end up
reloading data from each of the windows once in 10 minutes - fixing this by creating a js component responsible for communication with the server is a good idea for one of the future articles startup: function() { this.refreshinformation(); window.setinterval(this.refreshinformation, 10*60*1000); }, this starts by calling our refreshinformation() function, which is responsible for fetching and disp...
Index of archived content - Archive of obsolete content
npn_intfromidentifier npn_invalidaterect npn_invalidateregion npn_invoke npn_invokedefault npn_memalloc npn_memflush npn_memfree npn_pluginthreadasynccall npn_posturl npn_posturlnotify npn_releaseobject npn_releasevariantvalue npn_
reloadplugins npn_removeproperty npn_requestread npn_retainobject npn_setexception npn_setproperty npn_setvalue npn_setvalueforurl npn_status npn_utf8fromidentifier npn_useragent npn_version npn_write npobject npp nppvariable ...
Microsummary XML grammar reference - Archive of obsolete content
absolute or conditional update interval specified by this element, firefox will never update microsummaries more frequently than once per minute; because firefox checks for expired microsummaries every 15 seconds, it is possible for a microsummary update to begin up to 15 seconds later than its interval indicates; firefox respects the browser cache when updating microsummaries, so it will not
reload a page to update its microsummary if the cache contains a fresh copy of the page.
Microsummary topics - Archive of obsolete content
thus if your cache headers tell firefox not to refresh a page on your site more than once per hour, and the user
reloads the page within that time period, the user will see the cached version of your page, which may not be what you want.
Install script template - Archive of obsolete content
he win32 registry err = writeplidsolution(); if(err!=success) { logcomment("could not write win32 keys as specified: " + err); } else { logcomment("plid entries are present in the win32 registry"); } } reseterror(); err = performinstall(); if (err == success) refreshplugins(true); // call refreshplugins(true) if you'd like the web page which invoked the plugin to //
reload.
refreshPlugins - Archive of obsolete content
method of install object syntax int refreshplugins( [ a
reloadpages ] ); parameters the refreshplugins method has the following parameter: a
reloadpages a
reloadpages is an optional boolean value indicating whether you want to
reload the open web pages after you have refreshed the plug-in list.
validate - Archive of obsolete content
the following values are accepted, or leave out the attribute entirely for default handling: always the image is always checked to see whether it should be
reloaded.
Menus - Archive of obsolete content
rd images context-saveimage saves an image images context-sendimage sends an image in an email images context-setdesktopbackground sets an image as the desktop background images context-blockimage blocks an image images context-back goes back a page context-forward goes forward a page context-
reload reloads a page context-stop stops loading a page context-bookmarkpage bookmarks a page context-savepage saves a page context-sendpagetodevice send page to device context-sendpage send page in an email context-viewbgimage views a background image context-undo undo editable t...
loadURIWithFlags - Archive of obsolete content
in addition to the flags allowed for the
reloadwithflags method, the following flags are also valid: load_flags_is_refresh: this flag is used when the url is loaded because of a meta tag refresh or redirect.
Methods - Archive of obsolete content
goforwardgroup gohome goto gotoindex goup hidepopup increase increasepage insertitem insertitemat invertselection loadgroup loadonetab loadtabs loaduri loaduriwithflags makeeditable movebyoffset moveto movetoalertposition onsearchcomplete ontextentered ontextreverted openpopup openpopupatscreen opensubdialog openwindow preferenceforelement
reload reloadalltabs
reloadtab
reloadwithflags removeallitems removeallnotifications removealltabsbut removecurrentnotification removecurrenttab removeitemat removeitemfromselection removenotification removeprogresslistener removesession removetab removetabsprogresslistener removetransientnotifications replacegroup reset rewind scrollbyindex scrollbypixels scr...
Sorting and filtering a custom tree view - Archive of obsolete content
bel="weapon" flex="1" persist="width ordinal hidden" onclick="sort(this)" class="sortdirectionindicator"/> </treecols> <treechildren id="tree-children"/> </tree> </window> sort.js var table = null; var data = null; var tree; var filtertext = ""; function init() { tree = document.getelementbyid("tree"); loadtable(); } //this function is called every time the tree is sorted, filtered, or
reloaded function loadtable() { //remember scroll position.
Skinning XUL Files by Hand - Archive of obsolete content
when you
reload the xul file you have been working on, the box element you have used to create the navigation area in the xul file appear as follows: the skinned browser is not much to look at right now -- and you may note that this basic skin has transgressed upon some of the skinning guidelines because it overrides color information, but you can get a sense of what the possibilities are with the combina...
Using Remote XUL - Archive of obsolete content
[optionally add something about how flex only applies to one axis] note that for remote xul documents you can see changes you make to the ui by
reloading the document with your browser's "
reload" function, just as with a typical html page.
XUL Event Propagation - Archive of obsolete content
"alert('menu handler')"> <menupopup> <menuitem oncommand="alert('new item alert')" label="new" /> <menuitem label="open" /> <menuitem oncommand="alert('close handler')" label="close" /> </menupopup> </menu> <menu class="menu" label="edit"> <menupopup> <menuitem oncommand="alert('edit source handler')" label="edit source" /> <menuitem label="
reload" /> <menuitem label="view source" /> </menupopup> </menu> </vbox> <spring flex="1" /> </vbox> </window> in this file, the lowest-down, or "leaf" elements are the menuitems.
image - Archive of obsolete content
the following values are accepted, or leave out the attribute entirely for default handling: always the image is always checked to see whether it should be
reloaded.
menuitem - Archive of obsolete content
the following values are accepted, or leave out the attribute entirely for default handling: always the image is always checked to see whether it should be
reloaded.
tab - Archive of obsolete content
the following values are accepted, or leave out the attribute entirely for default handling: always the image is always checked to see whether it should be
reloaded.
toolbox - Archive of obsolete content
rome://global/skin/" type="text/css"?> <window id="yourwindow" xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul" title="toolbox example" width="300"> <toolbox> <toolbar> <toolbarbutton label="back"/> <toolbarbutton label="forward"/> <toolbarbutton label="home"/> </toolbar> <toolbar> <toolbarbutton label="stop"/> <toolbarbutton label="
reload"/> </toolbar> </toolbox> <textbox multiline="true" value="we have two toolbars inside of one toolbox above." width="20"/> </window> attributes inherited from xul element align, allowevents, allownegativeassertions, class, coalesceduplicatearcs, collapsed, container, containment, context, contextmenu, datasources, dir, empty, equalsize, flags, flex, height, hidden, id, insertafter, ...
2006-10-13 - Archive of obsolete content
(user feels print belongs on the context menu along with back,
reload, etc.) questions about programming for firefox a student questions how to create an extension that changes fonts, and how to capture website content before it is displayed.
NPAPI plugin developer guide - Archive of obsolete content
he url and displaying the page posting urls posting data to an http server uploading files to an ftp server sending mail memory allocating and freeing memory mac os flushing memory (mac os only) version, ui, and status information displaying a status line message getting agent information getting the current version finding out if a feature exists
reloading a plug-in ...
Browser-side plug-in API - Archive of obsolete content
npn_destroystream npn_forceredraw npn_getauthenticationinfo npn_geturl npn_geturlnotify npn_getvalue npn_getvalueforurl npn_invalidaterect npn_invalidateregion npn_memalloc npn_memflush npn_memfree npn_newstream npn_pluginthreadasynccall npn_poppopupsenabledstate npn_posturl npn_posturlnotify npn_pushpopupsenabledstate npn_
reloadplugins npn_requestread npn_setvalue npn_setvalueforurl npn_status npn_useragent npn_version npn_write ...
Index - Game development
we can make the game scale to fit on any screen size automatically during the p
reload stage, so we don't have to worry about it later.
Finishing up - Game development
so, in the draw() function replace the following three lines: alert("game over"); document.location.
reload(); clearinterval(interval); // needed for chrome to end game with this, we can add slightly more complex logic to it as given below: lives--; if(!lives) { alert("game over"); document.location.
reload(); clearinterval(interval); // needed for chrome to end game } else { x = canvas.width/2; y = canvas.height-30; dx = 2; dy = -2; paddlex = (canvas.width-paddlew...
Animations and tweens - Game development
next, we will load the spritesheet — put the following line at the bottom of your p
reload() function: game.load.spritesheet('ball', 'img/wobble.png', 20, 20); instead of loading a single image of the ball we can load the whole spritesheet — a collection of different images.
Bounce off the walls - Game development
add the following line below the previous one: ball.body.bounce.set(1); try
reloading index.html again — now you should see the ball bouncing off all the walls and moving inside the canvas area.
Buttons - Game development
add the following to the bottom of the p
reload() function: game.load.spritesheet('button', 'img/button.png', 120, 40); a single button frame is 120 pixels wide and 40 pixels high.
The score - Game development
this can be done using the settext() method — add the two new lines seen below to the ballhitbrick() function: function ballhitbrick(ball, brick) { brick.kill(); score += 10; scoretext.settext('points: '+score); } that's it for now —
reload your index.html and check that the score updates on every brick hit.
Win the game - Game development
o your ballhitbrick() function: function ballhitbrick(ball, brick) { brick.kill(); score += 10; scoretext.settext('points: '+score); var count_alive = 0; for (i = 0; i < bricks.children.length; i++) { if (bricks.children[i].alive == true) { count_alive++; } } if (count_alive == 0) { alert('you won the game, congratulations!'); location.
reload(); } } we loop through the bricks in the group using bricks.children, checking for the aliveness of each with each brick's .alive() method.
Ajax - MDN Web Docs Glossary: Definitions of Web-related terms
ajax also lets you work asynchronously, meaning your code continues to run while the targeted part of your web page is trying to
reload (compared to synchronously, which blocks your code from running until that part of your page is done
reloading).
Prefetch - MDN Web Docs Glossary: Definitions of Web-related terms
the prefetch hints are sent in http headers: link: ; rel=dns-prefetch, ; as=script; rel=p
reload, ; rel=prerender, ; as=style; rel=p
reload prefetch attribute value browsers will prefetch content when the prefetch <link> tag directs it to, giving the developer control over what resources should be prefetched.
Legacy layout methods - Learn web development
the calc() function allows us to do this calculation right inside the width value, so for any item spanning 4 columns we can do this, for example: .col.span4 { width: calc((6.25%*4) + (2.08333333%*3)); } try replacing your bottom block of rules with the following, then
reload it in the browser to see if you get the same result: .col.span2 { width: calc((6.25%*2) + 2.08333333%); } .col.span3 { width: calc((6.25%*3) + (2.08333333%*2)); } .col.span4 { width: calc((6.25%*4) + (2.08333333%*3)); } .col.span5 { width: calc((6.25%*5) + (2.08333333%*4)); } .col.span6 { width: calc((6.25%*6) + (2.08333333%*5)); } .col.span7 { width: calc((6.25%*7) + (2.08333333%*6)); } .col.sp...
Your first form - Learn web development
ultiline text fields with their labels */ vertical-align: top; /* provide space to type some text */ height: 5em; } .button { /* align buttons with the text fields */ padding-left: 90px; /* same size as the label elements */ } button { /* this extra margin represent roughly the same space as the space between the labels and their text fields */ margin-left: .5em; } save and
reload, and you'll see that your form should look much less ugly.
HTML basics - Learn web development
if you save and
reload the page, you should see something like this in place of the image: the keywords for alt text are "descriptive text".
Responsive images - Learn web development
when the browser starts to load a page, it starts to download (p
reload) any images before the main parser has started to load and interpret the page's css and javascript.
Introduction to web APIs - Learn web development
this seemingly small detail has had a huge impact on the performance and behaviour of sites — if you just need to update a stock listing or list of available new stories, doing it instantly without having to
reload the whole entire page from the server can make the site or app feel much more responsive and "snappy".
Manipulating documents - Learn web development
as an example, try adding these lines to our ongoing example: para.style.color = 'white'; para.style.backgroundcolor = 'black'; para.style.padding = '10px'; para.style.width = '250px'; para.style.textalign = 'center';
reload the page and you'll see that the styles have been applied to the paragraph.
Object-oriented JavaScript for beginners - Learn web development
add the following lines below your previous code addition: let person1 = new person('bob'); let person2 = new person('sarah'); save your code and
reload it in the browser, and try entering the following lines into your js console: person1.name person1.greeting() person2.name person2.greeting() cool!
What is web performance? - Learn web development
a general strategy is to make your files as small as possible, reduce the number of http requests made as much as possible, and employ clever loading techniques (such as p
reload) to make files available sooner.
Getting started with Ember - Learn web development
(good suggestions are your "desktop" or "documents" directories, so that it is easy to find): ember new todomvc or, on windows: npx ember-cli new todomvc this generates a production-ready application development environment that includes the following features by default: development server with live
reload.
Routing in Ember - Learn web development
there is a lot more to be implemented before what we've covered here has parity with the original todomvc app, such as editing, deleting, and persisting todos across page
reloads.
Deployment and next steps - Learn web development
} }), later on in the same file you'll also see how rollup minimizes our scripts in production mode and launches a local server in development mode: // in dev mode, call `npm run start` once // the bundle has been generated !production && serve(), // watch the `public` directory and refresh the // browser on changes when not in production !production && live
reload('public'), // if we're building for production (npm run build // instead of npm run dev), minify production && terser() ], there are many plugins for rollup that allow you to customize its behavior.
Vue conditional rendering: editing existing todos - Learn web development
so, let's implement the fix: remove the following line from inside our data() property: isdone: this.done, add the following block below the data() { } block: computed: { isdone() { return this.done; } }, now when you save and
reload, you'll find that the problem is solved — the checkbox state is now preserved when you switch between todo item templates.
Creating our first Vue component - Learn web development
<template> <div id="app"> <h1>my to-do list</h1> <ul> <li> <to-do-item label="my todo item" :done="true"></to-do-item> </li> </ul> </div> </template> try changing true to false and back again,
reloading your app in between to see how the state changes.
Handling common HTML and CSS problems - Learn web development
for example: <video id="video" controls p
reload="metadata" poster="img/poster.jpg"> <source src="video/tears-of-steel-battle-clip-medium.mp4" type="video/mp4"> <source src="video/tears-of-steel-battle-clip-medium.webm" type="video/webm"> <!-- offer download --> <p>your browser does not support html5 video; here is a link to <a href="video/tears-of-steel-battle-clip-medium.mp4">view the video</a> directly.</p> </video> this example i...
Gecko info for Windows accessibility vendors
ajax: asynchronous javascript and xml ajax is a method of building interactive web applications that process user requests, user actions immediately in real time, unlike an http request, during which users must wait for a whole page to
reload or for a new page to load.
Performance
clean up on addon unload bad: all the previous examples, *even the "better" ones* if your addon is restartless or uses the sdk then updates or the user turning it off and on will load to unload/
reload events.
HTMLIFrameElement.stop()
examples stop
reload.addeventlistener('touchend',function() { if(stop
reload.textcontent === 'x') { browser.stop(); } else { browser.
reload(); } }); specification not part of any specification.
Embedding Tips
this interface also has methods for
reloading, stopping a load and going back and forward in the history.
HTML parser threading
speculative loads when the tree builder on the parser thread encounters html script, stylesheet link, video (with a poster frame), base or img or svg script, style or image elements, p
reload operations are appended to a speculative load queue.
Getting Started with Chat
attention (nickname is the name of the user you want the attention of) nickname: pong respond to a user's ping (nickname is the name of the user who wants your attention) /query nickname opens a private chat with the specified user /quit message disconnects you from the current server displaying the message in all connected channels prior to quitting /
reload styles some irc clients, colloquy on mac in particular, stop displaying your messages in the channel window.
How to get a stacktrace with WinDbg
(more details are available at using the mozilla symbol server.) .sympath srv*c:\symbols*http://symbols.mozilla.org/firefox;srv*c:\symbols*http://msdl.microsoft.com/download/symbols .symfix+ c:\symbols .
reload /f now wait for the symbols to download.
Gecko Profiler FAQ
when we are accessing a virtual memory page that needs to
reload from disk) the gecko profiler does not know about page faults.
Python binding for NSS
functions were added: nss.nss.nss_initialize() nss.nss.nss_init_context() nss.nss.nss_shutdown_context() nss.nss.nss_init_flags() the following constants were added: nss_init_readonly nss_init_nocertdb nss_init_nomoddb nss_init_forceopen nss_init_norootinit nss_init_optimizespace nss_init_pk11threadsafe nss_init_pk11
reload nss_init_nopk11finalize nss_init_reserved nss_init_cooperate the following file was added: test/setup_certs.py release 0.9.0 release date 2010-05-28 scm tag pynss_release_0_9_0 source download change log general modifications: correct definciencies in auth_certificate_callback fo...
NSS_Initialize
nss_init_pk11
reload - ignore the ckr_cryptoki_already_initialized error when loading pkcs#11 modules.
Web Replay
open a new tab in recording mode click the 'tools -> web developer -> web replay ->
reload and record tab' menu item.
WebReplayRoadmap
without time travel, using the console requires repeatedly updating the source or the debugger's log points,
reloading, and reproducing the bug.
Gecko events
is supported: yes event_document_
reload the document contents are being
reloaded.
FUEL
jects extiapplication objects extiapplication exticonsole extieventitem extieventlistener extievents extiextension extiextensions extipreference extipreferencebranch extisessionstorage fueliapplication objects fueliannotations fueliapplication fuelibookmark fuelibookmarkfolder fuelibookmarkroots fuelibrowsertab fueliwindow xpcom although the fuel application object is p
reloaded into xul scripts, it is not p
reloaded into javascript xpcom code.
SMILE
objects extiapplication objects exticonsole extieventitem extieventlistener extievents extiextension extiextensions extipreference extipreferencebranch extisessionstorage smileiapplication objects smileibookmarkroots smileiwindow smileibrowsertab smileiapplication xpcom although the extiapplication object is p
reloaded into xul scripts, it is not p
reloaded into javascript xpcom code.
STEEL
objects extiapplication objects extiapplication exticonsole extieventitem extieventlistener extievents extiextension extiextensions extipreference extipreferencebranch extisessionstorage steeliapplication objects steeliapplication xpcom although the steel steeliapplication object is p
reloaded into xul scripts, it is not p
reloaded into javascript xpcom code.
extIApplication
xpcom although the application object is p
reloaded into xul scripts, it is not p
reloaded into javascript xpcom code.
XPCOM changes in Gecko 2.0
in theory, this is invisible to the user, but it's a costly process, since every component needs to be loaded and executed, then unloaded, then
reloaded again during the restart.
Index
see the 'cache selection algorithm' and cache_selection_
reload action handling in nscontentsink.
Components.utils.unload
once this method has been called, references to the module will continue to work but any subsequent import of the module will
reload it and give a new reference.
nsIAccessibleEvent
event_document_
reload 0x002c 0x0028 the document contents are being
reloaded.
nsICookieService
reload the entire cookie list was changed, and the observer should
reload the list of cookies.
nsIFrameScriptLoader
frame scripts are essentially per-tab, so they don't get
reloaded when the user navigates.
nsIMsgDBHdr
for the currently selected message, thunderbird provides a utility function: setmsghdrpropertyand
reload(aproperty, avalue); which duplicates this functionality without requiring you to grab the current header.
nsINavHistoryResultTreeViewer
when you sort by date, the multiple entries will then appear because they will be separated (unless you clicked
reload a bunch of times in a row).
nsISHEntry
this is typically loadhistory except when
reload is pressed, it has the appropriate
reload flag.
Mail composition back end
const struct nsmsgattachedfile *p
reloaded_attachments, - attachments that are already locally stored on disk (note: both attachments and p
reloaded_attachments cannot be specified on a single call void *relatedpart /* nsmsgsendpart */, - a related part for multipart related operations nsimsgsendlistener **alistenerarray) = 0; - an array of listeners fo...
Using the Mozilla symbol server
if you want to
reload symbols, you can try: nosharedlibrary sharedlibrary lib on older gdb and mac os x there is a python script to download symbols from the mozilla symbol server for gdb, shark and other software that uses symbols.
Flash Activation: Browser Comparison - Plugins
-shockwave-flash' in navigator.mimetypes by default when flash is inactive yes no no 'application/x-shockwave-flash' in navigator.mimetypes when user enables flash yes yes yes <object> with fallback content triggers ui yes, with exceptions no yes small/hidden flash triggers additional ui yes no no enabling flash automatically
reloads the page no yes yes other features related to flash domain blocking plugin power saver peripheral content pause each of the browser vendors has a roadmap about the future of flash and changes to the user experience.
Deprecated tools - Firefox Developer Tools
more details about the shader editor alternatives an alternative to this panel is this extension: https://github.com/spite/shadereditorextension, or spector.js also supports a shader editor that requires a library to use a shader
reloader hook.
All keyboard shortcuts - Firefox Developer Tools
atchpad shift + f4 shift + f4 shift + f4 run scratchpad code ctrl + r cmd + r ctrl + r run scratchpad code, display the result in the object inspector ctrl + i cmd + i ctrl + i run scratchpad code, insert the result as a comment ctrl + l cmd + l ctrl + l re-evaluate current function ctrl + e cmd + e ctrl + e
reload the current page, then run scratchpad code ctrl + shift + r cmd + shift + r ctrl + shift + r save the pad ctrl + s cmd + s ctrl + s open an existing pad ctrl + o cmd + o ctrl + o create a new pad ctrl + n cmd + n ctrl + n close scratchpad ctrl + w cmd + w ctrl + w pretty print the code in scratchpad ctrl ...
Network monitor toolbar - Firefox Developer Tools
throttling menu, to simulate various connection types a menu of other actions: persist logs: by default, the network monitor is cleared each time you navigate to a new page or
reload the current page.
Network request details - Firefox Developer Tools
see https://en.wikipedia.org/wiki/special:centralautologin/p3p for more info.\"" }, { "name": "server", "value": "mw1316.eqiad.wmnet" }, { "name": "server-timing", "value": "cache;desc=\"pass\"" }, { "name": "strict-transport-security", "value": "max-age=106384710; includesubdomains; p
reload" }, { "name": "vary", "value": "accept-encoding,treat-as-untrusted,x-forwarded-proto,cookie,authorization,x-seven" }, { "name": "via", "value": "1.1 varnish (varnish/5.1), 1.1 varnish (varnish/5.1)" }, { "name": "x-analytics", "value": "ns=-1;special=badtitle;wmf-last-access=11-jun-2019;wmf-last-access-global=11-j...
Network Monitor - Firefox Developer Tools
this means you can start debugging a page in, for example, the web console, then switch to the network monitor to see network activity without having to
reload the page.
Shader Editor - Firefox Developer Tools
at first you'll just see a blank window with a button asking you to
reload the page: to get started, load a page which creates a webgl context and loads a program into it.
Web Console UI Tour - Firefox Developer Tools
settings ("gear" menu): new in firefox 71, you can click the gear icon to access the new settings menu, where you can toggle the following features on and off: persist logs: when enabled, the console doesn't clear on page
reload, or new page load.
AnalyserNode.getFloatFrequencyData() - Web APIs
microphone input const audioele = new audio(); audioele.src = 'my-audio.mp3';//insert file name here audioele.autoplay = true; audioele.p
reload = 'auto'; const audiosourcenode = audioctx.createmediaelementsource(audioele); //create analyser node const analysernode = audioctx.createanalyser(); analysernode.fftsize = 256; const bufferlength = analysernode.frequencybincount; const dataarray = new float32array(bufferlength); //set up audio node network audiosourcenode.connect(analysernode); analysernode.connect(audioctx.destination); //cr...
Manipulating video using canvas - Web APIs
canvas c1 is used to display the current frame of the original video, while c2 is used to display the video after performing the chroma-keying effect; c2 is p
reloaded with the still image that will be used to replace the green background in the video.
Clients.claim() - Web APIs
example the following example uses claim() inside service worker's "activate" event listener so that clients loaded in the same scope do not need to be
reloaded before their fetches will go through this service worker.
Document.requestStorageAccess() - Web APIs
note: if the requesting origin is not classified as a tracking origin, the access request is automatically given an ephemeral storage access grant, which will go away when the page is
reloaded.
FetchEvent - Web APIs
fetchevent.p
reloadresponse read only a promise for a response, or undefined if this fetch is not a navigation, or navigation p
reload is not enabled.
Using Fetch - Web APIs
mode: 'cors', // no-cors, *cors, same-origin cache: 'no-cache', // *default, no-cache,
reload, force-cache, only-if-cached credentials: 'same-origin', // include, *same-origin, omit headers: { 'content-type': 'application/json' // 'content-type': 'application/x-www-form-urlencoded', }, redirect: 'follow', // manual, *follow, error referrerpolicy: 'no-referrer', // no-referrer, *no-referrer-when-downgrade, origin, origin-when-cross-origin, same-origin, stric...
GlobalEventHandlers.onemptied - Web APIs
the emptied event is fired when the media has become empty; for example, this event is sent if the media has already been loaded (or partially loaded), and the load() method is called to
reload it.
Audio() - Web APIs
return value a new htmlaudioelement object, configured to be used for playing back the audio from the file specified by url.the new object's p
reload property is set to auto and its src property is set to the specified url or null if no url is given.
HTMLImageElement.srcset - Web APIs
if you happen to have both standard and high density displays, try moving this window between them and
reloading the page to see the results change.
HTMLMediaElement: emptied event - Web APIs
the emptied event is fired when the media has become empty; for example, this event is sent if the media has already been loaded (or partially loaded), and the load() method is called to
reload it.
HTMLMediaElement: loadstart event - Web APIs
ull; function handleevent(event) { eventlog.textcontent = eventlog.textcontent + `${event.type}\n`; } video.addeventlistener('loadstart', handleevent); video.addeventlistener('progress', handleevent); video.addeventlistener('canplay', handleevent); video.addeventlistener('canplaythrough', handleevent); loadvideo.addeventlistener('click', () => { if (source) { document.location.
reload(); } else { loadvideo.textcontent = "reset example"; source = document.createelement('source'); source.setattribute('src', 'https://interactive-examples.mdn.mozilla.net/media/examples/flower.webm'); source.setattribute('type', 'video/webm'); video.appendchild(source); } }); result specifications specification status ht...
HTMLMediaElement.networkState - Web APIs
<audio id="example" p
reload="auto"> <source src="sound.ogg" type="audio/ogg" /> </audio> var obj = document.getelementbyid('example'); obj.addeventlistener('playing', function() { if (obj.networkstate === 2) { // still loading...
HTMLMediaElement: progress event - Web APIs
ull; function handleevent(event) { eventlog.textcontent = eventlog.textcontent + `${event.type}\n`; } video.addeventlistener('loadstart', handleevent); video.addeventlistener('progress', handleevent); video.addeventlistener('canplay', handleevent); video.addeventlistener('canplaythrough', handleevent); loadvideo.addeventlistener('click', () => { if (source) { document.location.
reload(); } else { loadvideo.textcontent = "reset example"; source = document.createelement('source'); source.setattribute('src', 'https://interactive-examples.mdn.mozilla.net/media/examples/flower.webm'); source.setattribute('type', 'video/webm'); video.appendchild(source); } }); result specifications specification status html l...
HTMLMediaElement.readyState - Web APIs
<audio id="example" p
reload="auto"> <source src="sound.ogg" type="audio/ogg" /> </audio> var obj = document.getelementbyid('example'); obj.addeventlistener('loadeddata', function() { if(obj.readystate >= 2) { obj.play(); } }); specifications specification status comment html living standardthe definition of 'htmlmediaelement.readystate' in that specification.
History - Web APIs
calling go() without parameters or a value of 0
reloads the current page.
IDBCursor.continuePrimaryKey() - Web APIs
0; let unreadlist = []; request.onsuccess = (event) => { let cursor = event.target.result; if (!cursor) { return; } let lastprimarykey = getlastiteratedarticleid(); if (lastprimarykey > cursor.primarykey) { cursor.continueprimarykey("javascript", lastprimarykey); return; } // update lastiteratedarticleid setlastiteratedarticleid(cursor.primarykey); // p
reload 5 articles into the unread list; unreadlist.push(cursor.value); if (++count < 5) { cursor.continue(); } }; specifications specification status comment indexed database api draftthe definition of 'continueprimarykey()' in that specification.
Key Values - Web APIs
vk_browser_refresh (0xa8) appcommand_browser_refresh gdk_key_refresh (0x1008ff29) gdk_key_
reload (0x1008ff73) "browsersearch" activates the user's preferred search engine or the search interface within their browser.
Location: assign() - Web APIs
example // navigate to the location.
reload article window.location.assign('/docs/web/api/location/
reload'); specifications specification status comment html living standardthe definition of 'location.assign()' in that specification.
Location: replace() - Web APIs
examples // navigate to the location.
reload article by replacing this page window.location.replace('/docs/web/api/location.
reload'); specifications specification status comment html living standardthe definition of 'location.replace()' in that specification.
PluginArray - Web APIs
pluginarray.refresh refreshes all plugins on the current page, optionally
reloading documents.
Request - Web APIs
properties request.cache read only contains the cache mode of the request (e.g., default,
reload, no-cache).
Sensor APIs - Web APIs
} else if (event.error.name === 'notreadableerror' ) { console.log('cannot connect to the sensor.'); } }); accelerometer.addeventlistener('reading', () =>
reloadonshake(accelerometer)); accelerometer.start(); } catch (error) { // handle construction errors.
ServiceWorker - Web APIs
a serviceworker object is available in the serviceworkerregistration.active property, and the serviceworkercontainer.controller property — this is a service worker that has been activated and is controlling the page (the service worker has been successfully registered, and the controlled page has been
reloaded.) the serviceworker interface is dispatched a set of lifecycle events — install and activate — and functional events including fetch.
ServiceWorkerRegistration - Web APIs
an active worker will control a serviceworkerclient if the client's url falls within the scope of the registration (the scope option set when serviceworkercontainer.register is first called.) serviceworkerregistration.navigationp
reload read only returns the instance of navigationp
reloadmanager associated with the current service worker registration.
VideoPlaybackQuality.droppedVideoFrames - Web APIs
syntax value = videoplaybackquality.droppedvideoframes; value an unsigned 64-bit value indicating the number of frames that have been dropped since the last time the media in the <video> element was loaded or
reloaded.
Web Storage API - Web APIs
web storage concepts and usage the two mechanisms within web storage are as follows: sessionstorage maintains a separate storage area for each given origin that's available for the duration of the page session (as long as the browser is open, including page
reloads and restores) stores data only for a session, meaning that the data is stored until the browser (or tab) is closed.
Web APIs
trackevent mediatrackconstraints mediatracksettings mediatracksupportedconstraints merchantvalidationevent messagechannel messageevent messageport metadata mimetype mimetypearray mouseevent mousescrollevent mousewheelevent mutationevent mutationobserver mutationobserverinit mutationrecord n ndefmessage ndefreader ndefreadingevent ndefrecord ndefwriter namelist namednodemap navigationp
reloadmanager navigator navigatorconcurrenthardware navigatorid navigatorlanguage navigatoronline navigatorplugins navigatorstorage networkinformation node nodefilter nodeiterator nodelist nondocumenttypechildnode notation notification notificationaction notificationevent notifyaudioavailableevent o oes_element_index_uint oes_fbo_render_mipmap oes_standard_derivatives oes_texture_float oes_...
Accessibility documentation index - Accessibility
7 aria live regions aria, accessibility, arialive using javascript, it is possible to dynamically change parts of a page without requiring the entire page to
reload — for instance, to update a list of search results on the fly, or to display a discreet alert or notification which does not require user interaction.
prefers-reduced-data - CSS: Cascading Style Sheets
in this example the montserrat-regular.woff2 font file will neither be p
reloaded nor downloaded if the user prefers reduced data, in this case the "system font stack" will serve as the fallback font: html <head> <link rel="p
reload" href="fonts/montserrat-regular.woff2" as="font" media="(prefers-reduced-data: no-preference)" crossorigin> <link rel="stylesheet" href="style.css"> </head> css @media (prefers-reduced-data: no-preference) { @font-face { font-...
Getting Started - Developer guides
the two major features of ajax allow you to do the following: make requests to the server without
reloading the page receive and work with data from the server step 1 – how to make an http request in order to make an http request to the server with javascript, you need an instance of an object with the necessary functionality.
Ajax - Developer guides
when these technologies are combined in the ajax model, web applications are able to make quick, incremental updates to the user interface without
reloading the entire browser page.
Adding captions and subtitles to HTML5 video - Developer guides
we actually have our subtitles in three different languages — english, german, and spanish — so we will reference all three of the relevant vtt files by adding <track> elements inside our html5 <video> element: <video id="video" controls p
reload="metadata"> <source src="video/sintel-short.mp4" type="video/mp4"> <source src="video/sintel-short.webm" type="video/webm"> <track label="english" kind="subtitles" srclang="en" src="captions/vtt/sintel-en.vtt" default> <track label="deutsch" kind="subtitles" srclang="de" src="captions/vtt/sintel-de.vtt"> <track label="español" kind="subtitles" srclang="es" src="captions/vtt/sintel...
Media buffering, seeking, and time ranges - Developer guides
the html for our player looks like this: <audio id="my-audio" p
reload controls> <source src="music.mp3" type="audio/mpeg"> </audio> <div class="buffered"> <span id="buffered-amount"></span> </div> <div class="progress"> <span id="progress-amount"></span> </div> we'll use the following css to style the buffering display: .buffered { height: 20px; position: relative; background: #555; width: 300px; } #buffered-amount { display: block; height: 10...
Media events - Developer guides
emptied the media has become empty; for example, this event is sent if the media has already been loaded (or partially loaded), and the load() method is called to
reload it.
Developer guides
ajax ajax is a term that defines a group of technologies allowing web applications to make quick, incremental updates to the user interface without
reloading the entire browser page.
Cache-Control - HTTP
revalidation and
reloading must-revalidate indicates that once a resource becomes stale, caches must not use their stale copy without successful validation on the origin server.
Clear-Site-Data - HTTP
"executioncontexts" indicates that the server wishes to
reload all browsing contexts for the origin of the response (location.
reload).
Large-Allocation - HTTP
this message means that the browser saw the large-allocation header, and was able to
reload the page into a new process which should have more available contiguous memory.
HTTP Index - HTTP
220 103 early hints draft, http, informational, needscompattable, needscontent, status code the http 103 early hints information response status code is primarily intended to be used with the link header to allow the user agent to start p
reloading resources while the server is still preparing a response.
103 Early Hints - HTTP
the http 103 early hints information response status code is primarily intended to be used with the link header to allow the user agent to start p
reloading resources while the server is still preparing a response.
HTTP response status codes - HTTP
103 early hints this status code is primarily intended to be used with the link header, letting the user agent start p
reloading resources while the server prepares a response.
Lazy loading - Web Performance
it is possible to override the default behaviour and p
reload web font resources using <link rel="p
reload">, the css font-display property, and the font loading api.