无法在 iOS 上显示不同的内容

关键词：

【中文标题】无法在 iOS 上显示不同的内容【英文标题】：Trouble showing different content on iOS 【发布时间】：2020-04-10 22:46:17 【问题描述】：

2 天后，我把自己逼疯了，因为我无法解决这个问题。我的问题如下： 1.) 我正在尝试使用 javascript 以 iOS 设备为目标（无论浏览器是苹果上的 Chrome、Safari、苹果上的 Firefox 等）来显示与非 iOS 浏览器不同的 DOM 元素。 2.) 我的iOS检测代码如下，我在其他几个线程中看到过： // Detects if device is on iOS

const isIos = () => 
        const userAgent = window.navigator.userAgent.toLowerCase();
        return /iphone|ipad|ipod/.test( userAgent );
    

3.) 运行此检查后，我在 iOS 上的 Safari 和 Chrome 中尝试以下操作“我假设的方式不正确，因为它无法正常工作，哈哈！” ：

if(!isIos()) 
                setTimeout(function() 
                    console.log('showing non iOS banner prompt after delay');
                , 10000);
             else if (isIos()) 
                setTimeout(function() 
                    console.log('showing iOS banner prompt after delay');
                , 10000);
            

4.) 选择 iOS 设备（我知道这不是实际的 iOS 环境）时，通过我的 windows 笔记本电脑上的 chrome 开发工具显示正确的日志，但无论我做什么，一旦加载到实时站点它总是在我的 iPad 上显示非 Ios 日志。

【问题讨论】：

【参考方案1】：

已解决（适用于 iPad） 找到这个帖子enter link description here后，我改变了我的检测方法。我在 iPAD 上进行测试（因为这是我唯一拥有的 Apple 产品，因为我不是粉丝），在更正之后，我当前的问题得到了解决。我希望这也适用于其他设备，但在我借朋友之前我不会知道。希望其他人觉得这很有帮助。

||
(navigator.platform === 'MacIntel' && navigator.maxTouchPoints > 1)

const isIos = () => 
        const userAgent = window.navigator.userAgent.toLowerCase();
        return /iphone|ipad|ipod/.test( userAgent ) || (navigator.platform === 'MacIntel' && navigator.maxTouchPoints > 1);
    

【讨论】：

如何在不同的移动平台上以相同的方式显示内容？

】如何在不同的移动平台上以相同的方式显示内容？【英文标题】：HowtoshowcontentsinsamewayondifferentMobilePlatform?【发布时间】：2012-11-0121:33:25【问题描述】：我希望在我的移动应用程序上显示一个动态生成的HTML页面。此HTML文件采用... 查看详情

UITabBar 图像在 iOS 7 上无法正确显示

】UITabBar图像在iOS7上无法正确显示【英文标题】：UITabBarimagesnotshowingproperlyoniOS7【发布时间】：2015-05-1810:47:34【问题描述】：我有这个标签栏在iOS8上正常工作，但在iOS7上没有，有人能指出我正确的方向吗，我使用JSON文件在加载... 查看详情

如何在大于 17 英寸的屏幕上显示不同的内容？

】如何在大于17英寸的屏幕上显示不同的内容？【英文标题】：HowcanIdisplaydifferentcontentonascreenlargerthan17inches?【发布时间】：2015-06-2114:11:46【问题描述】：我有一个wordpress网站，我的网站主页上有内容。当我在更大的屏幕上打开我... 查看详情

在ios中显示文本内容<-ios文本编程指南

...量强大的功能。UIKit框架包括了多个高级类来管理文本的显示和输入。UIKit还包括了用于显示HTML、CSS、以及基于JavaScript的web内容的类。文本对象在一定范围的字体、样式、和尺寸中，显示样式化、格式化的文本。UIKit框架提供三... 查看详情

在 iOS 上显示 HTML 内容和原生内容的最佳解决方案是啥？

】在iOS上显示HTML内容和原生内容的最佳解决方案是啥？【英文标题】：What\'sthebestsolutiontodisplayHTMLContentcombinedwithnativeContentoniOS?在iOS上显示HTML内容和原生内容的最佳解决方案是什么？【发布时间】：2015-09-1010:54:56【问题描述】：... 查看详情

由 github 页面托管的内容无法完美显示

】由github页面托管的内容无法完美显示【英文标题】：Contenthostedbygithubpagesdoesn\'tshowupperfectly【发布时间】：2016-07-1220:08:01【问题描述】：在构建了一个小的webapp作为免费代码营的项目后，我正在尝试使用github。将其托管在github... 查看详情

无法在 Firebase 上使用用户 ID 显示内容

】无法在Firebase上使用用户ID显示内容【英文标题】：UnabletodisplaycontentbyusinguserIDonFirebase【发布时间】：2017-12-1708:09:25【问题描述】：我正在尝试使用用户ID显示内容。我有这样的Firebase结构。通过使用console.log(user.uid)，我可以获... 查看详情

如何在 iOS 上显示电子邮件正文

...子邮件正文可能是纯文本或HTML（有时带有CSS），因此我无法为此类内容找到合适的UI组件。我试过UIWebView，但是当内容是纯文本时，换行符被忽略了！如何将纯文本转换为HTML？或者只是使 查看详情

iOS 可访问性无法识别屏幕上的任何内容

】iOS可访问性无法识别屏幕上的任何内容【英文标题】：iOSaccessibilitydoesn\'trecognizeanythingonthescreen【发布时间】：2017-07-0616:08:42【问题描述】：我正在尝试让我的应用可访问（正确使用画外音）。它在第一个屏幕（登录）中运行... 查看详情

iOS：在标签成功之前无法显示登录

】iOS：在标签成功之前无法显示登录【英文标题】：iOS:FailtoshowLoginpriortoTabsSuccessfully【发布时间】：2014-04-0106:47:58【问题描述】：我知道这个问题在***上出现过很多次，在互联网上也出现过很多次。我也问过相同的问题，但上下... 查看详情

如何让 Flexslider 在 iOS 上显示不同纵横比的图片？

】如何让Flexslider在iOS上显示不同纵横比的图片？【英文标题】：HowtomakeFlexsliderdisplaydifferentaspectratioimagesoniOS?【发布时间】：2013-06-2914:19:40【问题描述】：我在iOS设备上遇到了与Flexslider类似的问题，该问题与thisunansweredquestion中... 查看详情

iOS，相同尺寸的UIView在不同的iphone上显示不同的尺寸？

】iOS，相同尺寸的UIView在不同的iphone上显示不同的尺寸？【英文标题】：iOS,samesizeUIViewshowdifferentsizeindifferentiphone？【发布时间】：2020-11-1004:42:58【问题描述】：我只是写了一个很简单的UIView(width:200,height:200)，当我在iphoneXR和iphon... 查看详情

尝试在不同 DIV 中的同一视图上显示 CK 编辑器的内容

】尝试在不同DIV中的同一视图上显示CK编辑器的内容【英文标题】：TryingtoDisplayContentofCKEditoronSameViewinaDifferentDIV【发布时间】：2015-12-0218:57:23【问题描述】：我使用在线资源创建了以下CK编辑器<divclass="section"><divclass="contain... 查看详情

如何在 iOS 设备的外部屏幕上显示自定义内容

】如何在iOS设备的外部屏幕上显示自定义内容【英文标题】：HowToDisplayCustomContentOnAExternalScreenFromAiOSDevice【发布时间】：2018-07-1507:33:21【问题描述】：我在ObjectiveC中创建了一个应用程序。我想实现在外部显示器上显示屏幕选定内... 查看详情

在 WKWebView 上禁用字体缩放

...终以我指定的确切字体大小显示文本，例如12px。但是我无法找到一种方法来阻止它根据许多不同的变量来缩放字体，包括设备的方向和HTML中的内容。我在“viewport”HTML标记中尝试了许多不同的参数组合，例如设置恒定宽度，以 查看详情

iOS 8 Today Extension 无法在设备上运行

】iOS8TodayExtension无法在设备上运行【英文标题】：iOS8TodayExtensionnotworkingondevice【发布时间】：2014-09-1420:03:43【问题描述】：当我在模拟器上运行TodayExtension时，一切正常，并按预期显示以下内容：但是，当我在我的设备（iPodtouch... 查看详情

无法将状态栏设置为浅色内容（iOS7）

】无法将状态栏设置为浅色内容（iOS7）【英文标题】：Cannotsetstatusbartolightcontent(iOS7)【发布时间】：2014-03-1305:13:13【问题描述】：首先，我已经尝试了此线程上的所有答案：HowtochangeStatusBartextcoloriniOS7，但我无法让状态栏显示为... 查看详情

UIToolbar 在 ios 5.0 和 ios 6.0 模拟器上显示不同的颜色

】UIToolbar在ios5.0和ios6.0模拟器上显示不同的颜色【英文标题】：UIToolbarshowsdifferentcoloronios5.0andios6.0Simulators【发布时间】：2012-12-3107:23:14【问题描述】：我为我的UIToolBar设置了tintcolor。它在ios6.0中正确显示，但在ios5.0模拟器上显... 查看详情