关键词:
【中文标题】javascript代码在chrome移动浏览器中不起作用,但在桌面上它工作正常【英文标题】:java script code not working in chrome mobile browser but in desktop its working fine 【发布时间】:2021-08-20 06:36:39 【问题描述】:在我的 WordPress 网站中,我创建了 java bootstrap 贷款计算器,它在桌面上完美运行,但是当我使用移动 chrome 时它无法运行。我尝试使用 wp-coder 插件并尝试手动添加它。在 chrome dev tools mobile 中查看它的工作正常与真正的设计发生了这个问题。有没有办法解决这个问题我非常感谢你帮助解决这个问题
<link
rel="stylesheet"
href="https://cdnjs.cloudflare.com/ajax/libs/bulma/0.7.2/css/bulma.min.css"
/>
<div class="columns is-12-tablet is-6-desktop is-3-widescreen" style="height: 500px; width:100% " >
<div class="column w-50 p-3 " >
<div class="card w-50 p-3">
<div class="card-content w-50 p-3">
<form id="loan-form">
<div class="level w-50 p-3">
<div class="level-left is-marginless w-50 p-3s">
<div class="level-item">
<p class="number">1</p>
<p> Loan Amount </p>
<p id="yearssliderfuc"> </p>
</div>
</div>
</div>
<input id="amount" type="range" min="20000" max="200000" step="10000" onchange="yrthslide();computeResults()" />
<div class="level">
<div class="level-left is-marginless">
</div>
<div class="level-right">
<div class="level-item">
<div class="field">
<div class="control has-icons-right">
<span class="icon is-small is-right">
</span>
</div>
</div>
</div>
</div>
</div>
<div class="level">
<!-- Left side -->
<div class="level-left is-marginless">
<div class="level-item">
<p class="number">2</p>
<p> Number Of Days </p>
<p id="monthssliderfuc"> </p>
</div>
</div>
</div>
<input id="years" min="30" max="120" step="30" type="range" onchange="monthslide();computeResults()" />
<div class="control">
<br>
</div>
</form>
</div>
</div>
<div >
<div class="notification is-link has-text">
<p id="totalPayment" class="title ">LKR</p>
<p class="subtitle is-4">Total Amount</p>
</div>
</div>
<div >
</div>
</div>
<script >
function computeResults(e)
// UI
const UIamount = document.getElementById("amount").value;
/* var UIinterest = 50
if(UIamount> 50)
var UIinterest = 50
*/
if(UIamount<50000)
var UIinterest = 16/100;
else if(UIamount>50000 && amount<90000)
UIinterest = 18/100;
else if(UIamount>100000 && amount<140000)
UIinterest = 20/100;
else
UIinterest = 22/100
const UIyears = document.getElementById("years").value;
var interestperday = (UIamount * UIinterest)/365;
console.log(interestperday);
console.log("interest per day");
const monthly = parseFloat(interestperday);
const monthlyPayment = monthly.toFixed(2);
var interest = interestperday*UIyears;
const interestfinalee = parseFloat(interest);
console.log(interestfinalee);
console.log("interest all time");
var ProFees = (UIamount*10)/100;
const ProFeesfin = parseFloat(ProFees);
console.log(ProFeesfin);
console.log("ProFees");
var DocHFees = (UIamount*5)/100;
const DocHFeesfin = parseFloat(DocHFees);
console.log(DocHFeesfin);
console.log("DocHFees");
var TransFee = (UIamount*5)/100;
const TransFeefin = parseFloat(TransFee);
console.log(TransFeefin);
console.log("TransFee");
const UIamountfin = parseFloat(UIamount);
// Calculating total payment
const all = TransFeefin + DocHFeesfin + ProFeesfin + interestfinalee + UIamountfin
console.log(all);
console.log("allallallallallallallallallallallallallall");
///*****************************************************
const totalPayment = all.toFixed(2);
document.getElementById("totalPayment").innerHTML = "LKR " + totalPayment;
e.preventDefault();
function monthslide()
var Monthslider = document.getElementById("years").value
document.getElementById("monthssliderfuc").innerHTML = Monthslider;
function yrthslide()
var Monthslider = document.getElementById("amount").value
document.getElementById("yearssliderfuc").innerHTML = Monthslider;
</script>
【问题讨论】:
移动版 Chrome 有什么问题?你只是说“它不工作”,你期望代码做什么,而不是做什么? Java 与这个问题有什么关系? 值在 chrome 移动浏览器中没有更新 请在问题本身中详细解释。 【参考方案1】:您正在使用“computeResults()”函数,但“computeResults()”函数未定义且未使用“Calculate()”函数。
更新:在代码更新后添加其他细节:
e.preventDefault()
函数未定义并产生问题,我将其删除,它已在移动设备中运行。
【讨论】:
好的,我在回答中添加了更多细节。【参考方案2】:问题已解决。 这是因为在更改其解析的函数名称后,移动视图和桌面视图的函数名称相同
【讨论】:
如何使用 Javascript 在移动 Safari 和所有其他浏览器上录制音频?
】如何使用Javascript在移动Safari和所有其他浏览器上录制音频?【英文标题】:HowtorecordaudioatmobileSafariandallotherbrowserswithJavascript?【发布时间】:2019-05-1908:52:39【问题描述】:我只想在所有浏览器、桌面浏览器以及移动(iOS/Android)浏... 查看详情
如何在chrome移动浏览器中查看与网络选项卡相关的信息(代码片段)
有没有办法在Chrome手机浏览器中查看网络相关日志?我试过,我发现在桌面浏览器中我们可以查看网络相关信息我想看看Chrome移动浏览器的网络选项卡中的页面加载时间答案是的,你绝对可以。看看这个教程:https://developer.chrome... 查看详情
如何使用移动浏览器调试 JavaScript 代码
】如何使用移动浏览器调试JavaScript代码【英文标题】:HowtodebugJavaScriptcodewithmobilebrowsers【发布时间】:2011-05-1000:40:51【问题描述】:我知道firebug和主要现代桌面浏览器的开发人员工具,但我找不到任何在移动浏览器上调试JavaScr... 查看详情
Javascript代码未获取移动浏览器的位置经度和纬度
】Javascript代码未获取移动浏览器的位置经度和纬度【英文标题】:Javascriptcodenotfetchinglocationlongitudeandlatitudeformobilebrowser【发布时间】:2019-10-1220:14:24【问题描述】:我的javascript代码没有从移动chrome浏览器获取经度和纬度。下面... 查看详情
是否可以在javascript中添加浏览器代码
】是否可以在javascript中添加浏览器代码【英文标题】:Isitpossibletoaddabrowsercodeinjavascript【发布时间】:2011-04-1316:58:38【问题描述】:我想使用特定于javascript的浏览器创建一个网页。例如:我可以在我的编码部分使用这样的代码ch... 查看详情
在 chrome (android) 上隐藏移动浏览器地址栏
...3-07-2110:21:43【问题描述】:我们有一个网站,使用简单的JavaScript<bodyonLoad="setTimeout(function()window.scrollTo(0,1),100);">我们在大多数浏览器(safari和原 查看详情
如何使用 Javascript/JQuery 在移动浏览器中限制点运算符('.')
】如何使用Javascript/JQuery在移动浏览器中限制点运算符(\\\'.\\\')【英文标题】:Howtorestrictdotoperator(\'.\')inmobilebrowserusingJavascript/JQuery如何使用Javascript/JQuery在移动浏览器中限制点运算符(\'.\')【发布时间】:2017-02-2212:14:18【问... 查看详情
我的 Javascript 代码在 IE 中无法运行,但在其他浏览器中运行良好
】我的Javascript代码在IE中无法运行,但在其他浏览器中运行良好【英文标题】:MyJavascriptcodedoesnotworkinIEbutworksfineinotherbrowsers【发布时间】:2011-01-2620:38:42【问题描述】:我使用以下Javascript对我的网页进行密码保护,但它不适用... 查看详情
如何在chrome插件中访问任意网页中的javascript变量
使用的就是window.open(URL,name,features,replace)open()方法用于打开一个新的浏览器窗口或查找一个已命名的窗口。提几个重要的方面,至于该方法的详细参数使用你自己摆渡第一点,新窗口与旧窗口的刷新//在代码某一处//开启了一个新窗... 查看详情
我们可以使用javascript查找应用程序是不是安装在客户端(移动浏览器)的移动设备中? [复制]
】我们可以使用javascript查找应用程序是不是安装在客户端(移动浏览器)的移动设备中?[复制]【英文标题】:CanweFindiftheappisinstalledinthemobileatClientside(mobilebrowser)usingjavascript?[duplicate]我们可以使用javascript查找应用程序是否安装... 查看详情
谷歌chrome71在javascript中检测
...hrome71以来,使用!!window.chrome&&!!window.chrome.webstore;在javascript中检测谷歌浏览器不再适用。这是最近的,所以我似乎还没有找到一个好的替代品。有没有人知道在没有window.chrome.webstore的情况下检测GoogleChrome的好方法?或者我... 查看详情
如何在浏览器中隐藏我的 javascript 源代码? [复制]
】如何在浏览器中隐藏我的javascript源代码?[复制]【英文标题】:HowcanIhidemyjavascriptsourceinbrowser?[duplicate]【发布时间】:2014-02-1209:09:01【问题描述】:我对Angular还是很陌生。我已经用它做了很多事情。在我的组织中建立了一个内... 查看详情
Chrome扩展,在浏览器显示之前替换响应代码中的HTML
...我希望直接从我的计算机(例如file:///c:/test.js)加载一些javascript文件,而不是从服务器 查看详情
如何在移动 Android 智能手机上的 Chrome 浏览器中进行“硬页面重新加载”
】如何在移动Android智能手机上的Chrome浏览器中进行“硬页面重新加载”【英文标题】:Howtodo\'hardpagereload\'inChromebrowseronmobileandroidsmartphone【发布时间】:2020-05-2006:18:56【问题描述】:问题:我试图查看我的产品网页在移动设备上... 查看详情
在 Chrome 中查找 JavaScript 函数定义
】在Chrome中查找JavaScript函数定义【英文标题】:FindJavaScriptfunctiondefinitioninChrome【发布时间】:2012-04-0709:41:15【问题描述】:Chrome的开发者工具很棒,但他们似乎没有(我能找到的)一件事是找到JavaScript函数定义的方法。这对我... 查看详情
HTML unicode ☰ 在 android chrome 浏览器的移动 Web 应用程序菜单中未检测到
】HTMLunicode☰在androidchrome浏览器的移动Web应用程序菜单中未检测到【英文标题】:HTMLunicode☰notdetectedinmobilewebapplicationmenuinandroidchromebrowser【发布时间】:2014-11-1319:35:21【问题描述】:我在android移动chrome浏览器中的网站菜... 查看详情
在 Chrome iOS 中使用 javascript 设置 cookie
】在ChromeiOS中使用javascript设置cookie【英文标题】:SettingcookieswithjavascriptinChromeiOS【发布时间】:2015-02-0216:20:28【问题描述】:在浏览器开始获取图像之前,我需要在Javascript中设置cookie。<scripttype="text/javascript">document.cookie=\'h... 查看详情
移动 iOS 和 Android Safari/Chrome 之间的 JavaScript 差异
】移动iOS和AndroidSafari/Chrome之间的JavaScript差异【英文标题】:JavaScriptDifferencesbetweenMobileiOSandAndroidSafari/Chrome【发布时间】:2019-11-1206:46:52【问题描述】:几天来我一直在尝试谷歌搜索以找到某种答案,但iOS移动设备理解JavaScript... 查看详情