Tag: JavaScript

在viewDidLoad中调用UIWebView的stringByEvaluatingJavaScriptFromString是否正确？

我需要在html没有加载的时候设置webView的背景。 在iOS 5.0中，此代码正确工作： – (void)viewDidLoad { [super viewDidLoad]; [webView stringByEvaluatingJavaScriptFromString:@"document.body.style.backgroundColor=\"#41414C\";"]; } 但在iOS 4.2中没有发生背景。 如何设置web浏览器的背景，当时没有加载的HTML？

如何在cordova中dynamic加载CSS

我试图通过xhr请求在cordovadynamic加载一个CSS。 加载CSS不是一个问题，我可以通过xhr加载它，并通过HTML5 File API将其存储到文件系统。 那么我可以得到一个完美的url。 但是，如果我在JavaScript中创build一个新的链接元素，像这样： <link rel="stylesheet" type="text/css" id="skin" href="cdvfile://localhost/temporary/mydomin.tdl/skin.css"> 你的样式表没有任何影响，我怎么能强迫cordova把样式表考虑在内？

使用从URLvariables读取的JavaScript加载不同的CSS样式表

我试图在我的WordPress博客上有两个不同的样式表，以便在通过网页访问页面时使用一个样式表，而在通过iOS应用程序访问博客内容时使用另一个样式表。 现在，我们正在追加？app = true从我们的iOS应用程序的URL请求，希望在我们的博客，我们可以search这个string，并加载不同的样式表。 我们正在使用JSON API插件，以便我们的iOS应用程序可以以编程方式拉我们的博客文章，并在iOS应用程序的Web视图中显示它们。 在我的wordpress博客中，我使用的是在URL中查找？app = true的JavaScript，如果是，请加载不同的样式表。 <script language="javascript" type="text/javascript"> var currentLocation = window.location.href; if(currentLocation.indexOf('/?app=true') > -1) { document.write("<link rel=\"stylesheet\" type=\"text/css\" href=\"appstyle.css\" />"); } </script> 你可以看一下http://blog.meetcody.com并查看页面源代码。 你会看到这个代码片段之间的标签。 我遇到的问题是上面的代码实际上并没有加载appstyle.css样式表。 如果你看看http://blog.meetcody.com/wp-content/themes/standard/appstyle.css?ver=3.4.2你可以看到我正在testing这个设置背景：黑色body {}标记 body { background: black; } 而在style.css中http://blog.meetcody.com/wp-content/themes/standard/style.css?ver=3.4.2身体背景色是＃F2F0EB; 在body {}标记中 body { background: #F2F0EB; } 我怎样才能传递一个URLvariables，如？app = true，当传递，我加载一个不同的样式表？

iPad的蓝牙键盘返回任何键onKeyUp的0代码

有些客户在使用iPad蓝牙键盘将文本input到我们的某个内部网站时，一直在报告问题。 当使用桌面或屏幕键盘上的iPad时，主要按某个input上的input可以正常工作，而使用连接到iPad的蓝牙键盘时则不会。 经过调查发现，当连接到iPad上的蓝牙键盘时， onKeyUp任何input都返回0作为键码。 演示工作正常，但是当使用屏幕键盘时，因为keycode返回0，所以不工作。 我创build了这个jsFiddle来演示。 它在Chrome和Safari上都经过了testing，其结果与onKeyPress相同，但在onKeyUp只返回0。 $('#inputKeyUp').keyup(function (event){ $("#outputKeyUp").text("Key Up Key: " + event.which); }); $('#inputKeyPress').keypress(function (event){ $("#outputKeyPress").text("Key Press Key: " + event.which); }); <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <textarea id="inputKeyUp">keyup</textarea> <div id="outputKeyUp">Key Up Key:</div> <b/> <textarea id="inputKeyPress">keypress</textarea> <div id="outputKeyPress">Key Press Key:</div> 编辑：刚刚向苹果报告的错误。 我们会看看有没有什么结果。

我可以在单独的线程中运行UIWebView吗？

我有一个运行JavaScript的Web应用程序，有时当主线程执行xhr调用和初始化video播放器等较重的工作时，它会冻结/挂起。 是否有可能在一个单独的线程运行一个UIWebView，以避免被阻止的Web视图？

如何在上传之前去除浏览器中的图片元数据（javascript）

我正在将图像上传到节点js服务器，并将它们发送到AWS S3以用于我的网站。 在iOS设备上拍摄的图像有时会在浏览器中显示出来，我已经发现这是由于iOS附加到每个图像的一些元数据，包括捕获图像时手机的方向。 在某些浏览器（包括OSX上的Chrome）中，纵向拍摄的所有图像似乎都会翻转过来。 我能够去除节点中的元数据并将其上传到亚马逊，但是到达节点服务器时，图像仍然是横向的。 似乎最有效的解决scheme将是当客户端select图像文件时剥离元数据，并以正确的方向上传它们，但是我意识到也可以检测元数据的方向并相应地从节点服务器翻转图像。 翻转它的服务器端的问题是：1.太昂贵的性能。 2.客户端在上传之前仍然在浏览器预览中看到一个横向的图像。 TL; DR： 所以我只是想知道是否有人可以指出我正确的方向，如何从浏览器中的图像中删除元数据，而图像正在显示给用户？ 谢谢<3

使用预先存在的数据库创buildPhoneGap iOS应用程序

我最近开始使用PhoneGap（版本2.8.0）开始一个应用程序，将作为一个医药search。 在过去，我创build了一个使用jQuery Mobile和PHP访问远程SQL数据库的Web工具版本。 PhoneGap看起来像是将应用程序转换成我可以部署到iPhone / Android应用程序商店的一个有吸引力的select，但要求我重写我以前的Web应用程序在HTML5和JavaScript中。 因为大多数使用应用程序的人都在iPad上，而互联网连接并不总能得到保证，所以应用程序的计划是使用预先填充的本地数据库。 尽pipe应用程序的function看起来非常简单，但是使用PhoneGap预先存在的本地数据库并不是那么简单。 我花了15个多小时试图find一个简单的方法来做到这一点，没有成功。 我知道github上有很多phonegap + sqlite插件，但是由于缺less文档和与较新版本的PhoneGap不兼容，我无法让它们工作。 如果有人有这方面的经验，我会非常感激他们的意见。 另外 – 如果有必要，什么是最简单的工具转换我的.sql数据库（2表，一个有大约360个条目，另一个有20）到SQLite数据库。

在NavigatorIOS – React Native中调用onRightButtonPress的函数

我在反应原生NavigatorIOS中使用onRightButton。 我希望能够调用一个驻留在我所推的组件中的函数，但是我不知道如何实现这个function。 这是一个代码示例： this.props.navigator.push({ component: SingleResultView, title: "SomeTitle", rightButtonIcon: require('image!mapsmarker'), passProps: { userPosition: this.props.userPosition }, onRightButtonPress: () => { SingleResultView.foo(); } // NOT WORKING! }); 我怎样才能做到这一点？

禁用双击以点击触摸屏iOS设备

所以，最近我一直在一个让我改进和做出反应的网站上工作，而我所面对的问题之一是有很多可点击的元素，CSS和jQuery效果hover状态。 现在，首先我希望所有这些hover状态都是CSS，但是我遇到的主要问题是，在这些hover状态中，某些元素正在改变display和visibility CSS属性。 我做了一些阅读，显然如果是这种情况，在触摸屏iOS设备上，这会导致第一次“触摸”强制hover状态，然后再点击一下就可以实际点击元素。 我试图find一个解决scheme，不需要大量的标记和样式更改。 最好修复jQuery / JavaScript的将是很好的。 我已经尝试了以下内容： $(document).ready(function() { $('a').on('click touchend', function(e) { var el = $(this); var link = el.attr('href'); window.location = link; }); }); 但是，当用户将手指放在可点击的元素上并拖动页面滚动时，会产生问题。 拖动后释放手指时， window.location仍然会更改。 如有必要，我会在稍后添加一个jsFiddle。 提前致谢。 编辑： 这是一个显示问题的jsFiddle。 http://jsfiddle.net/0bj3uxap/4/如果你点击其中一个块，你会看到它显示hover状态，然后你需要再次点击才能真正触发点击事件。 当隐藏一个元素似乎发生，然后hover状态显示该元素。

反应本机导航 – 屏幕总是空白

我试图按照示例（ https://github.com/facebook/react-native/tree/master/Examples/UIExplorer/Navigator ）在本地反应网站设置我的导航，但我似乎无法得到它的工作。 无论我怎么做，GoogSignIn场景总是空白，虽然它同时击中了我的console.log文件中的两个点。 我已经尝试在我的应用程序中将起点切换到不同的场景，但同样的事情总是发生。 我认为这是我在我的导航器index.ios.js做错了，但我不知道是什么。 任何帮助深表感谢。 index.ios.js 'use strict'; var React = require('react-native'); var DataEntry = require('./app/DataEntry'); var PasswordView = require('./app/PasswordView'); var GoogSignIn = require('./app/GoogSignIn'); var { AppRegistry, Image, StyleSheet, Text, View, Navigator, TouchableOpacity, } = React; class PasswordRecovery extends React.Component { render() { return ( <Navigator ref={this._setNavigatorRef} style={styles.container} initialRoute={{id: 'GoogSignIn', name: 'Index'}} renderScene={this.renderScene} […]