browser

Some images not showing in mobile browser (but showing in desktop browser)

喜夏-厌秋 提交于 2020-07-29 12:14:28
问题 I am having an issue where some images are not displayed in the mobile browsers on my iPhone, but I see them in all my desktop browsers. On my phone, I just see a blank box with a grey border where the image should be. A couple notes: It seems to happen randomly because some images are displayed one day, and then will stop displaying the next day I noticed if I scroll through the page while it is still loading, I can often see the image, and then it disappears. All the images are placed in

Javascript: extend classes with undefined class

限于喜欢 提交于 2020-07-22 21:34:34
问题 Consider the following two files: /* file A.js */ class A extends B { } /* file B.js */ class B { } If I accidentaly load these two files into the browser in the inverse order ( A.js first then B.js ) javascript will throw an error, that I am trying to access B that is undefined. My problem is, that I have to deal with around 30-40 classes defined in Javascript, and right now, for all of them to work, I have to keep in mind the order in which I want to include them in the page, or otherwise,

Javascript: extend classes with undefined class

点点圈 提交于 2020-07-22 21:34:30
问题 Consider the following two files: /* file A.js */ class A extends B { } /* file B.js */ class B { } If I accidentaly load these two files into the browser in the inverse order ( A.js first then B.js ) javascript will throw an error, that I am trying to access B that is undefined. My problem is, that I have to deal with around 30-40 classes defined in Javascript, and right now, for all of them to work, I have to keep in mind the order in which I want to include them in the page, or otherwise,

Stream audio to Azure speech api by node.js on browser

混江龙づ霸主 提交于 2020-07-22 10:15:05
问题 I'm making a demo of speech to text using Azure speech api on browser by node.js. According to API document here, it does specify that it need .wav or .ogg files. But the example down there does a api call through sending byte data to api. So I've already get my data from microphone in byte array form. Is it the right path to convert it to byte and send it to api? Or is it better for me to save it as a .wav file then send to the api? So below is my code. This is stream from microphone part.

'audio/wav' mime type not supported by MSE SouceBuffer object, but audio src attribute pointing at .wav plays just fine

狂风中的少年 提交于 2020-07-22 05:53:07
问题 I'm trying create a SourceBuffer from the W3 Media Source Extension API with Mime type 'audio/wav' like so: let sourceBuffer = mediaSource.addSourceBuffer('audio/wav'); However I get a "NotSupportedError": Failed to execute 'addSourceBuffer' on 'MediaSource': The type provided ('audio/wav') is unsupported. Also, running the following: MediaSource.isTypeSupported('audio/wav'); in the browser console returns false for both recent versions of firefox and chrome. If I just set the src of the

Chrome `position:fixed; bottom: 0;` obscured by Android UI

时光总嘲笑我的痴心妄想 提交于 2020-07-22 05:41:12
问题 I have an issue with the following code on Android Chrome. The navigation bars are covering up the element at the bottom of the page. #test{ position: fixed; bottom: 0; width: 100%; background: red; } Desktop Chrome (correct) Android Chrome: Here is a link to the demo: https://codepen.io/EightArmsHQ/pen/EMNaVg I know that I can increase the bottom: $amount to make it show, but then on other browsers the message won't be flush with the bottom of the browser. Any ideas on how to make this work?

Launching Android Browser in Full Screen Mode from App

◇◆丶佛笑我妖孽 提交于 2020-07-19 10:12:53
问题 Is there a way to launch the android browser from an app in Full Screen Mode such that the address bar is not visible? Any examples or guidance would be much appreciated. 回答1: Depending on your requirements, a WebView might be sufficient. Tutorial can be found here. 回答2: You can simply set full screen mode by First approach: just add to your Manifest.xml android:theme="@android:style/Theme.NoTitleBar.Fullscreen" Second approach: requestWindowFeature(Window.FEATURE_NO_TITLE) Third approach:

How do I completely fill a <table> 100% with <tbody> in HTML?

末鹿安然 提交于 2020-07-18 03:30:29
问题 I have some HTML that inject with Javascript into a web page. The final HTML I inject looks like: <table style="border-width: 0px; margin 0px; width:100%; height: 100%; padding:0px;"> <tbody style="border-width: 0px; margin 0px; width:100%; height: 100%; padding:0px;"> For some odd reason when I examine tbody in Firebug, its size seems to be 4px smaller than the table. How do I get the to fill up ? 回答1: try adding the following css to your table: border-collapse: collapse; 回答2: Try adding:

Browser default global $ function

狂风中的少年 提交于 2020-07-16 05:47:05
问题 I've noticed that there appears to be a global function called $ in some browsers which is NOT jQuery, but I can't seem to find any documentation on it. What is it? Firefox: Chrome: 回答1: Chrome and Firefox dev tools include some useful shortcuts/helpers to manipulate the DOM within the console. These shortcuts are pretty similar for both: $ for DOM selection, $0 - $4 for "last X selections" and more. For full reference see: Chrome Dev Tools Command Line API - https://developers.google.com/web

Browser default global $ function

不想你离开。 提交于 2020-07-16 05:46:12
问题 I've noticed that there appears to be a global function called $ in some browsers which is NOT jQuery, but I can't seem to find any documentation on it. What is it? Firefox: Chrome: 回答1: Chrome and Firefox dev tools include some useful shortcuts/helpers to manipulate the DOM within the console. These shortcuts are pretty similar for both: $ for DOM selection, $0 - $4 for "last X selections" and more. For full reference see: Chrome Dev Tools Command Line API - https://developers.google.com/web