Preinstalled VewD browser issue in 2015 model KJ series Sony TV [closed]

I have a subscription with a media source for watching MP4 movies online. My software on TV is regularly updated and the browser just works fine with other media like iPlayer. Browser is loading static pages with images but when it comes to watching movies it keeps spinning and never loads. The same movies can be watched via other 3rd.party browsers (like Puffin), and also via chromecast.

How to Leverage Browser Caching for Fonts in WordPress

I am using WordPress along with Autoptimize and Cloudflare, and using Locally hosted fonts. I can’t leverage browser caching on my site.

I tried using Cloudflare Page rules to Leverage 1 year browser caching on all resources.

It worked, and most of my site was getting cached EXCEPT FONTS.

I know fonts are heavy and can have negative impact on performance.

I tried the following code in htaccess file in my server root.

# Fonts # Add correct content-type for fonts AddType application/vnd.ms-fontobject .eot  AddType application/x-font-ttf .ttf AddType application/x-font-opentype .otf AddType application/x-font-woff .woff AddType image/svg+xml .svg  <IfModule mod_expires.c>     ExpiresActive on     ExpiresDefault "access plus 2 days"     ExpiresByType application/vnd.ms-fontobject "access plus 1 year"     ExpiresByType application/x-font-ttf "access plus 1 year"     ExpiresByType application/x-font-opentype "access plus 1 year"     ExpiresByType application/x-font-woff "access plus 1 year"     ExpiresByType application/font-woff2  "access plus 1 year" </IfModule> # END Expire headers  # BEGIN Cache-Control Headers <ifModule mod_headers.c>     <filesMatch "\.(ico|jpe?g|png|gif|swf|mp4|mov|css|js|json|woff|woff2)$  ">         Header add Cache-Control "public"     </filesMatch>     <filesMatch "\.(x?html?|php)$  ">         Header add Cache-Control "private, must-revalidate"     </filesMatch> </ifModule>  

But it didn’t work.

As far as I know the below above code should have done the trick to cache the Fonts and JSON.

Please help me figure out the correct way to implement it.

Warnings about fonts not being cached:

Leverage browser caching of static assets: 91/100 Learn More WARNING – (2.0 days) – https://milyin.com/superpwa-manifest.json

Leverage browser caching of static assets: 91/100 Learn More WARNING – (2.0 days) – https://milyin.com/wp-content/uploads/omgf/neve-google-font-poppins/poppins-normal-700.woff2

WARNING – (2.0 days) – https://milyin.com/wp-content/uploads/omgf/neve-google-font-poppins/poppins-normal-400.woff2

WARNING – (2.0 days) – https://milyin.com/wp-content/uploads/omgf/neve-google-font-poppins/poppins-normal-500.woff2

reload page when going back in browser

is there any way to refresh the browser page when backtracking with javascript: window.history.go (-1);?

there is the option to use document.referrer; but I can only go back one page. yes, I must go back 2 or 3 pages I can’t get it to work.

I wanted to know if there is a possibility to use some function so that when you go back the page is refreshed.

Greetings.

What would you tell about HTML 5/JavaScript browser gamedev to somebody who has been in a coma since 2014? [closed]

In 2014, I last attempted to make a browser game with HTML 5 and JS. That’s now 7 years ago. But it feels like 7 weeks, tops.

If this has been the the difference between 1994 and 2001 (instead of between 2014 and 2021), it would’ve felt like two different eras of human history. I have a feeling that not much has changed in the last seven years, however, but please prove me wrong.

One of the major issues I remember having was how bad HTML 5 Audio was. In order to get panning and volume changes, we were forced to rely on an Adobe Flash hack, which essentially made our games require Flash even though they were HTML 5-based except for simply outputting the sound. I assume that this is no longer the case.

To make it clear, I’m talking about "raw" coding in HTML 5 Canvas with plain JavaScript. I’m not talking about using some framework/library to hold my hand. And this is not because I’m such a masterful coder or anything, but simply because I found it more confusing to use any of the existing gamedev libraries at the time, and I suspect this is still the same. Keep in mind that I cannot afford to pay a single dollar, so any payware library (which may be great) is out of the question right from the very start.

Sorry if this is considered "too broad", but what should I know about the current "landscape", and have there been major/fundamental changes in the HTML 5 APIs, Canvas performance, etc.? Since 99.99% of all browsers now use Chrome under the hood, it feels like the "web" is now to be considered "Chrome" in practice. I mean, I don’t even have a Chromium-based browser installed at all. I only have Pale Moon (Firefox fork). I probably will download and test my stuff in NW.js, though, which is using Chromium.

I probably should mention that I was never able to figure out how to use WebGL, and that library (Three.js?) was so badly documented/designed that I could never figure out how to use it. Is the "good old" HTML 5 Canvas still not hardware-accelerated?

Hot reload with bundled assets are not being loaded/auto refresh in browser

I am trying to hot reload with my project’s bundled assets, but hot reload is not executing the browser refreshes when I make changes to any of my files.

I am looking at the F12 browser console, but nothing is being executed or loading, its just blank.

functions.php

function workshop_01_theme() {     wp_enqueue_script('workshop_01-js', get_theme_file_uri('/bundled-assets/scripts.bedc8565a6cb22e37037.js'), NULL, '1.0', true);     wp_enqueue_style('worskshop_01-style', get_theme_file_uri('/bundled-assets/styles.bedc8565a6cb22e37037.css')); } add_action('wp_enqueue_scripts', 'workshop_01_theme'); 

enter image description here

package.json

{   "name": "workshop_01",   "version": "1.0.0",   "description": "",   "main": "index.js",   "scripts": {     "dev": "npm-run-all -p devFast buildWatch",     "devFast": "webpack serve",     "buildWatch": "webpack --watch",     "build": "webpack",     "test": "echo \"Error: no test specified\" && exit 1"   },   "keywords": [],   "author": "",   "license": "ISC",   "dependencies": {     "@babel/core": "^7.14.5",     "@babel/preset-env": "^7.14.5",     "@babel/preset-react": "^7.14.5",     "@glidejs/glide": "^3.4.1",     "autoprefixer": "^10.2.6",     "axios": "^0.21.1",     "babel-loader": "^8.2.2",     "clean-webpack-plugin": "^4.0.0-alpha.0",     "css-loader": "^5.2.6",     "cssnano": "^5.0.6",     "fs-extra": "^10.0.0",     "jquery": "^3.6.0",     "mini-css-extract-plugin": "^1.6.0",     "normalize.css": "^8.0.1",     "npm-run-all": "^4.1.5",     "postcss-color-function": "^4.1.0",     "postcss-hexrgba": "^2.0.1",     "postcss-import": "^14.0.2",     "postcss-loader": "^6.1.0",     "postcss-mixins": "^8.1.0",     "postcss-nested": "^5.0.5",     "postcss-simple-vars": "^6.0.3",     "react": "^17.0.2",     "react-dom": "^17.0.2",     "style-loader": "^2.0.0",     "webpack": "^5.38.1",     "webpack-cli": "^4.7.2",     "webpack-dev-server": "^3.11.2",     "webpack-manifest-plugin": "^3.1.1"   } } 

scripts.js

import "../css/styles.css"  // Allow new JS and CSS to load in browser without a traditional page refresh if (module.hot) {   module.hot.accept() } 

webpack.config.js

const currentTask = process.env.npm_lifecycle_event const path = require("path") const MiniCssExtractPlugin = require("mini-css-extract-plugin") const { CleanWebpackPlugin } = require("clean-webpack-plugin") const { WebpackManifestPlugin } = require("webpack-manifest-plugin") const fse = require("fs-extra")  const postCSSPlugins = [require("postcss-import"), require("postcss-mixins"), require("postcss-simple-vars"), require("postcss-nested"), require("postcss-hexrgba"), require("postcss-color-function"), require("autoprefixer")]  class RunAfterCompile {   apply(compiler) {     compiler.hooks.done.tap("Update functions.php", function () {       // update functions php here       const manifest = fse.readJsonSync("./bundled-assets/manifest.json")        fse.readFile("./functions.php", "utf8", function (err, data) {         if (err) {           console.log(err)         }          const scriptsRegEx = new RegExp("/bundled-assets/scripts.+?'", "g")         const vendorsRegEx = new RegExp("/bundled-assets/vendors.+?'", "g")         const cssRegEx = new RegExp("/bundled-assets/styles.+?'", "g")          let result = data.replace(scriptsRegEx, `/bundled-assets/$  {manifest["scripts.js"]}'`).replace(vendorsRegEx, `/bundled-assets/$  {manifest["vendors~scripts.js"]}'`).replace(cssRegEx, `/bundled-assets/$  {manifest["scripts.css"]}'`)          fse.writeFile("./functions.php", result, "utf8", function (err) {           if (err) return console.log(err)         })       })     })   } }  let cssConfig = {   test: /\.css$  /i,   use: ["css-loader?url=false", { loader: "postcss-loader", options: { postcssOptions :{ plugins: postCSSPlugins } }}] }  let config = {   entry: {     scripts: "./js/scripts.js"   },   plugins: [],   module: {     rules: [       cssConfig,       {         test: /\.js$  /,         exclude: /(node_modules)/,         use: {           loader: "babel-loader",           options: {             presets: ["@babel/preset-react", ["@babel/preset-env", { targets: { node: "12" } }]]           }         }       }     ]   } }  if (currentTask == "devFast") {   config.devtool = "source-map"   cssConfig.use.unshift("style-loader")   config.output = {     filename: "bundled.js",     publicPath: "http://localhost:3000/"   }   config.devServer = {     before: function (app, server) {       // server._watch(["./**/*.php", "./**/*.js"])       server._watch(["./**/*.php", "!./functions.php"])     },     public: "http://localhost:3000",     publicPath: "http://localhost:3000/",     disableHostCheck: true,     contentBase: path.join(__dirname),     contentBasePublicPath: "http://localhost:3000/",     hot: true,     port: 3000,     headers: {       "Access-Control-Allow-Origin": "*"     }   }   config.mode = "development" }  if (currentTask == "build" || currentTask == "buildWatch") {   cssConfig.use.unshift(MiniCssExtractPlugin.loader)   postCSSPlugins.push(require("cssnano"))   config.output = {     publicPath: "/wp-content/themes/workshop_01/bundled-assets/",     filename: "[name].[chunkhash].js",     chunkFilename: "[name].[chunkhash].js",     path: path.resolve(__dirname, "bundled-assets")   }   config.mode = "production"   config.optimization = {     splitChunks: { chunks: "all" }   }   config.plugins.push(new CleanWebpackPlugin(), new MiniCssExtractPlugin({ filename: "styles.[chunkhash].css" }), new WebpackManifestPlugin({ publicPath: "" }), new RunAfterCompile()) }  module.exports = config 

my webpack config file may be the issue, but I dont know what I should be doing to make hot reload work for my project here…

Question on support/deprecation status of browser plug-ins (not extensions) [closed]

I’d appreciate it if someone could provide confirmation or correction on what I found on the support/deprecation status of browser plug-ins that are enabled by NPAPI or PPAPI. Please provide feedback on each of the following:

  1. NPAPI plug-ins

    • As of 1st half of 2021, NPAPI plug-ins are deprecated in most major browsers including Chrome, Safari, FireFox, and Opera, but several other browsers still support them. (link)
  2. PPAPI plug-ins

    • PPAPI plug-ins are supported by Chromium-based browsers, but the official support for PPAPI will be stopped on June 2022. (link)
  3. Apple QuickTime

    • QuickTime 7.x used to be provided as a browser plug-in, but the plug-in support was deprecated from Safari 12 in 2018. From QuickTime 10.x, the plug-in is not supported. Therefore, QuickTime plug-in is deprecated. (link1, link2)
  4. Adobe Flash

    • Adobe Flash plug-in is deprecated in most major browsers, but it’s still supported as NPAPI or PPAPI plug-in by several browsers forking Chromium or FireFox. (link)
  5. Prospect for plug-ins

    • Even after official support for NPAPI or PPAI reaches end-of-life, the plug-ins might be supported by browsers forking Chromium or FireFox, or other types of browsers for backward-compatibility.

How to Know details of the Browser Connections to a Website

I want to know what information is being sent when I click for Submiting data on a webpage in a broswer.. such as:
1) The Port Being Accessed
2) The External Port being Used, it's Number..
3) The IP address that is being accessed and the Ip address that is being told (sent to the source Page)…

like when I click on Sign in the below Image: (just as an example)
the Information that is being sent and received and accessed…..

How to Know details of the Browser Connections to a Website

Browser loses connectivity to website. Switching browsers helps, but just temporarily [closed]

This problem shows up when I have poor WiFi connectivity, or no WiFi. I’m using my android phone, with chrome browser, to connect to my website (LAMP), and limping along with poor response, but happy and productive. But then I can’t reach the website at all. I can reach other websites but not my website. I’ve tried closing my chrome and reopening it. If I wait several minutes I can usually get back to my website. However, my application is time-critical and this delay is very disruptive. I’ve found that when I can’t get through on chrome, if I immediately switch to the Samsung browser (also chromium-based) I can regain access to the my website right away. Then after several minutes, I might lose access again. I can immediately regain access if I switch back to chrome. So the problem is not chrome itself. Perhaps if I had 2 instances of chrome, say chrome and chrome-beta, I could switch between those successfully. But I haven’t tried that experiment. In long sessions, with very bad connectivity, I have to switch browsers about every 5 minutes.

It seems like the bad connectivity causes Apache to temporarily ignore me. Perhaps some mechanism whereby the socket (or some other intermediate-entity, like a PHP worker) is marked "bad" but not closed. So that intermediate-entity has to timeout before the same browser can connect again. Perhaps by switching browsers, a new intermediate-entity is opened and the old one abandoned. I’m just guessing at a possible mechanism.

I’ve looked at apache error log, apache access log, php error log and php-fpm error log. I don’t see anything that coincides with my connectivity problem. My php max_execution_time is set to 120. I’m not hitting that as far as I can tell.

Why is PHP still mostly used to make browser games rather than Python or Java? [closed]

I am a Computer Science student and I have been playing to Travian for years.Travian is a browser based MMOG where you have to build your village and compete for resources. There is no animation, there is 3 main views which is the map, your village and your fields.

I was looking at some Travian clones on GitHub and I found 3 clones, all of them using PHP. Travian has itself build using PHP.

I am wondering if PHP is better in some way than Python for example for building this kind of games? And if so, why would be the reason?