Résumé des solutions aux questions liées au développement du mini-programme WeChat-Développement de mini-programmes-php.cn

Maison

Applet WeChat

Développement de mini-programmes

Résumé des solutions aux questions liées au développement du mini-programme WeChat

黄舟

Sep 13, 2017 am 11:04 AM

chemin 小程序程序开发

Cet article résume principalement diverses questions et réponses sur le développement de mini-programmes WeChat. L'article organise et répond à tous les problèmes qui peuvent être rencontrés dans le développement de mini-programmes WeChat, qui fourniront une référence à chacun. Valeur, amis. dans le besoin venez jeter un oeil ci-dessous.

Avant-propos

Récemment résumé une réponse du mini-programme WeChat En tant que personne du mini-programme, j'ai une compréhension approfondie des changements ici. Le mini programme vient de publier la nouvelle, j'ai souligné que ce n'est que si les composants ou les API fournis par le mini programme sont riches, stables et compatibles que le concept de développement rapide de mini programmes peut être réalisé. de nombreux composants dont la compatibilité n'est pas idéale, et certains ne le sont pas. En matière d'optimisation, le développement de plates-formes basées sur de petits programmes étant très limité, nous ne pouvons que nous asseoir et attendre. . . Si vous souhaitez utiliser une bibliothèque tierce pour l'implémenter, le mini-programme stipule clairement que la bibliothèque tierce n'est pas prise en charge. En fin de compte, le processus de révision du mini-programme échouera à 100 %.

1.scroll-view a un bug sur iOS

Lors de l'utilisation de ce composant pour développer une page, en raison de son propre effet de défilement, le curseur de l'axe Y se déclenche iOS dans le menu déroulant Lors de l'utilisation de l'effet élastique natif, la vue défilante présente un bug qui l'empêche de glisser. Ce bug n'existe pas lorsqu'il n'y a pas d'effet élastique sous le système Android. Si la dernière version 0.11.122100 existe toujours, elle sera traitée dans la prochaine version.

2. Le focus de la saisie dans la version 6.3.31 de WeChat n'est pas valide

Ceci est résolu dans l'enregistrement du journal de mise à jour du mini programme

2016- 12-22 Journal de mise à jour

1.F Correction du problème d'effacement du contenu lorsque le composant perd le focus sur les outils de développement

3. saut de navigation sur iOS Lors du transfert de pages, un bug d'écran blanc apparaît occasionnellement

Le responsable en est conscient et le corrigera dans les versions ultérieures

4. l'icône tabBar est incohérente sur différentes plateformes

Officiellement connue, elle sera corrigée dans les versions ultérieures

5 Il y a un bug modifié dans la barre de navigation de retour sur iOS.

tabBar Le problème est officiellement connu. La prochaine version ajoutera une interface switchTab pour permettre aux développeurs de contrôler directement le changement de tabBar

6. La superposition de carte ne peut pas ajouter. événements de clic et ne peut pas obtenir sur quelle superposition l'utilisateur a cliqué

Officiellement connu, il sera corrigé dans les versions ultérieures

7. Le mini-programme peut-il prendre en charge la visualisation Web déguisée ?

Non pris en charge

8. Après la mise à jour d'Android WeChat vers la version 6.3.32, il ne prend pas en charge le passage d'une page normale à une page avec une barre d'onglets

La nouvelle version aura une API dédiée pour accéder à la barre d'onglets, la méthode de traitement précédente aura des problèmes logiques

9.swiper Comment implémenter un carrousel circulaire

La version actuelle prend en charge l'attribut circulaire

10. Des problèmes peuvent survenir lorsque vous cliquez rapidement sur plusieurs entrées

Ce problème est officiellement résolu, en attendant. la version release

11. Lors du débogage, WXML apparaît souvent vide La situation

a été corrigée et la prochaine version des outils de développement sera mise à jour

12. Lorsque la vue défilante se chevauche, une pénétration d'événement se produira

Un suivi officiel corrigera le problème

13. de 1rpx peut ne pas s'afficher.

Il y a un petit problème dans certains téléphones Android Le problème de l'affichage incomplet du rpx numérique, la nouvelle version de WeChat résoudra ce problème

14. Pouvez-vous ouvrir des liens Web ordinaires à partir de mini-programmes

Non pris en charge actuellement

15.scroll-view contient une zone de texte, son contenu ne peut pas être modifié

Officiellement, ne supporte pas actuellement l'écriture dans

16.WXSS fichier CSS 3 animation, cliquez sur compiler et une erreur sera signalée directement, la compilation ne passera pas

Actuellement, le mini-programme prend en charge très peu d'attributs CSS3, et le programme officiel prendra en charge davantage d'attributs CSS3 à l'avenir

17. Dans l'API liée au canevas de l'applet WeChat, nous avons constaté que il y a un manque d'interfaces API pertinentes pour convertir le canevas en images

WeChat 6.3.30 a pris en charge wx.canvasToTemFilePath, qui peut être utilisé pour convertir le canevas en chemin de fichier image temporaire

18. L'interface de dessin sur toile actuellement fournie n'est pas compatible avec l'API Web native

Oui

19. top

WeChat 6.3.30 a pris en charge la définition du paramètre de position dans tabBar

20 Existe-t-il un moyen d'obtenir des images dans l'API du mini programme ? Interface de largeur et de hauteur

WeChat 6.3.30 l'a pris en charge. L'événement bindload du composant image peut renvoyer la largeur et la hauteur d'origine de l'image

21. L'interface de largeur et de hauteur. L'applet peut faire référence à une bibliothèque de graphiques externe, telle que ECharts

n'est pas encore officiellement prise en charge

22. Lors du développement de petits programmes, puis-je utiliser des icônes de police personnalisées

Les polices personnalisées sont prises en charge, mais les polices en ligne doivent être utilisées et le serveur stockant les polices doit autoriser le cross-domain

23. La conversion officielle ES6 vers ES5 signalera un. erreur sur Android

La fonction ES6 vers ES5 fournie par les outils de développement ne convertit que la syntaxe. Les nouvelles API ES6 telles que Promise obligent les développeurs à introduire Polyfill ou d'autres bibliothèques de classes pour résoudre le problème

24.wx.getImageInfo a un bug qui l'empêche d'obtenir des informations sur Android

Le client Android WeChat version 6.3.31 a ce bug, et la nouvelle version le corrigera

25. La taille du mini programme est de 1 Mo. Ce contrôle sera-t-il agrandi lors de sa sortie officielle

La réponse actuelle est qu'il ne sera pas agrandi

26. Que dois-je faire si l'unionid ne peut pas être obtenu via l'interface getUserInfo

Vous devez vous rendre sur le site Web de WeChat Open Platform (https://open. weixin.qq.com) pour lier le mini-programme et vos autres comptes ou applications officiels, renverra unionid

27. L'applet WeChat prend-elle en charge l'interaction avec le matériel ? Par exemple, la communication de données peut être effectuée avec le matériel via Bluetooth ou Wi-Fi

Le responsable pourrait lancer cette fonction à l'avenir

28. de l'enregistrement terminé

L'enregistrement sur le téléphone mobile est actuellement au format SILK est un codec vocal et audio développé en interne par Skype et est utilisé comme codec par défaut pour les appels Skype vers Skype. La grande évolutivité de SILK en termes de bande passante audio, de débit binaire du réseau et de complexité en fait un codec qui peut choisir parmi plusieurs modes et applications

29. Le mini-programme ouvre-t-il la communication par téléphone mobile de l'utilisateur ? l'autorisation d'écriture de l'enregistrement

n'est actuellement pas prise en charge

30 Il semble que le mini programme ne puisse pas être prévisualisé sur iPad

Le. Le mini-programme est actuellement temporairement indisponible. L'iPad n'est pas pris en charge

31. Le mini-programme prend-il en charge le transfert de texte, d'images et de liens vers des amis et des Moments ?

Réponse officielle. : Des capacités de partage seront bientôt fournies, veuillez faire attention au document officiel

32. Si la case à cocher ne peut être liée que via un événement de groupe de cases à cocher

la case à cocher ne se déclenchera pas. l'événement de changement, mais le groupe de cases à cocher se déclenchera

33. Faites défiler la page, faites défiler vers le bas et le chargement du nouveau contenu ne peut pas être réalisé

WeChat 6.3.30. a pris en charge la configuration de la page sur l'événement ReachBottom

34. Les informations sur le canevas ne peuvent pas être enregistrées lors de l'utilisation du composant canevas

Réponse officielle : pas encore pris en charge, nous le prendrons bientôt

35. L'en-tête du fichier de téléchargement ne peut pas être inclus dans le paramètre Cookie

Le client iOS de WeChat version 6.3.31 a ce bug, et la nouvelle version sera bientôt corrigée

36. Syntaxe Moustache (doubles accolades) en WXML pour lier Si la donnée cible correspondante est un morceau de texte HTML, peut-elle être liée ? Comment doit-il être lié ?

Officiellement non pris en charge actuellement

37. Puis-je utiliser certaines bibliothèques d'outils dans le code ? Par exemple, vous pouvez installer des bibliothèques d'outils tiers via npm install

Officiellement actuellement non pris en charge

38. Il semble que la largeur et la hauteur de l'image ne puissent pas être obtenues via. JS. Existe-t-il une solution ?

Actuellement, seules la largeur et la hauteur de l'image définie peuvent être affichées

39. appels et envoyer des e-mails ?

Actuellement, les appels téléphoniques sont pris en charge, mais les e-mails ne sont pas encore pris en charge

40. l'interface d'appel est-elle la même que l'utilisation précédente du développement Web ?

Actuellement, le paiement au sous-marchand n'est pas pris en charge

41. la mini-application WeChat prend-elle en charge le chargement d'autres API externes ou plug-ins JS ?

Actuellement non pris en charge

42. Qu'il s'agisse de prendre en charge la diffusion vidéo en direct ou la diffusion audio en direct, telle que HLS

Réponse officielle : Nous y travaillent techniquement. Il est continuellement amélioré et un support sera bientôt fourni

43. Surveillez le clavier du téléphone portable et lorsque le bouton "Terminer" est déclenché, effectuez l'action correspondante. Non pertinent. L'API a été trouvée jusqu'à présent. Existe-t-il un support ?

Zone de saisie (input/textarea) L'attribut d'écoute d'événement de bindconfirm sera fourni plus tard, qui est utilisé pour surveiller le clic de "Terminer". bouton

44. L'outil de développement ne prend pas en charge l'environnement Linux et Windows Le système 2003/XP

n'est actuellement pas pris en charge

45. Je développe l'applet WeChat et le programme serveur en même temps sur une seule machine. Veuillez me dire lors du développement de l'applet WeChat comment accéder à mon serveur local

Actuellement, le serveur doit utiliser un nom de domaine. et ne prend pas en charge le débogage local

46. Comment envoyer des commentaires directement au réviseur

Réponse officielle : nous soumettrons la page de révision dans la mini-plateforme publique WeChat suivante. programme, ajoutez un compte de test (formulaire compte + mot de passe), et remplissez la description de l'avis, etc. Concernant les problèmes d'examen, vous pouvez envoyer un e-mail à : AppReview@tencent.com, et nous désignerons une personne dédiée pour examiner les commentaires

47. Les développeurs individuels ne peuvent-ils pas s'inscrire ?

Maintenant pris en charge Seuls les entreprises, les gouvernements, les médias et autres organisations, les développeurs individuels ne prennent pas en charge l'enregistrement

48. Lors de l'utilisation de Promise pour écrire du code avec des outils de mini-programme, une erreur est signalée : TypeError : Promise n'est pas un constructeur, oui Qu'est-ce qui n'a pas fonctionné

Réponse officielle : Afin d'assurer l'unification des trois terminaux, la version 0.11.112300 de l'outil supprime Promise, et les développeurs doivent pour présenter la bibliothèque de compatibilité elle-même

Je l'ai donc présentée moi-même Une bibliothèque promise.min, légère et résout

49 Le composant d'entrée a un événement bindInput, mais pas le composant textarea.

le 22 décembre 2016 Ajout de l'événement de composant

bindinput<p></p>
<p>50. Le dernier cache de données sera-t-il toujours là après le changement d'identifiant WeChat ?<strong></strong>Réponse officielle : elle ne sera pas effacée, mais une fois que les autres utilisateurs se seront connectés, ils ne pourront plus accéder aux données laissées par l'utilisateur précédent </p>
<p></p> 51. Après avoir défini tabBar, les sauts tels que wx.navigateTo seront invalides <p><strong><p>Je n'ai pas utilisé la tabBar officielle pendant le développement, mais j'ai écrit une tabBar moi-même, donc je n'ai pas rencontré un tel scénario si j'utilise la tabBar officielle, utilisez wx.switchTab pour sauter </p>
<p><strong>. 52.Background-image définit le chemin relatif et ne peut pas afficher l'image </strong></p>
<p> Vous pouvez utiliser l'image de l'adresse réseau, ou base64 ou utiliser la balise d'image pour résoudre le problème </p>
<p><span style="color: #ff0000"><strong>Résumé</strong> </span></p></strong></p><p>Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!</p>

</div>
					</div>
					<div class="wzconShengming_sp">
						<div class="bzsmdiv_sp">Déclaration de ce site Web</div>
						<div>Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn</div>
					</div>
				</div>

<ins class="adsbygoogle"
     style="display:block"
     data-ad-format="autorelaxed"
     data-ad-client="ca-pub-5902227090019525"
     data-ad-slot="2507867629"></ins>
<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>

<ins class="adsbygoogle"
        style="display:block"
        data-ad-client="ca-pub-5902227090019525"
        data-ad-slot="3653428331"
        data-ad-format="auto"
        data-full-width-responsive="true"></ins>
    <script>
        (adsbygoogle = window.adsbygoogle || []).push({});
    </script>

<div class="phpgenera_Details_mainR3">
							<div class="phpmain1_4R_readrank">
								<div class="phpmain1_4R_readrank_top">
									<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
										onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
										src="/static/imghw/hottools2.png" alt="" />
									<h2>Outils d'IA chauds</h2>
								</div>
								<div class="phpgenera_Details_mainR3_bottom">
																		<div class="phpmain_tab2_mids_top">
											<a href="https://www.php.cn/fr/ai/undresserai-undress" title="Undresser.AI Undress" class="phpmain_tab2_mids_top_img">
												<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
													onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
													class="lazy"  data-src="https://img.php.cn/upload/ai_manual/001/246/273/173411540686492.jpg?x-oss-process=image/resize,m_fill,h_50,w_50" src="/static/imghw/default1.png" alt="Undresser.AI Undress" />
											</a>
											<div class="phpmain_tab2_mids_info">
												<a href="https://www.php.cn/fr/ai/undresserai-undress" title="Undresser.AI Undress" class="phpmain_tab2_mids_title">
													<h3>Undresser.AI Undress</h3>
												</a>
												<p>Application basée sur l'IA pour créer des photos de nu réalistes</p>
											</div>
										</div>
																		<div class="phpmain_tab2_mids_top">
											<a href="https://www.php.cn/fr/ai/ai-clothes-remover" title="AI Clothes Remover" class="phpmain_tab2_mids_top_img">
												<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
													onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
													class="lazy"  data-src="https://img.php.cn/upload/ai_manual/001/246/273/173411552797167.jpg?x-oss-process=image/resize,m_fill,h_50,w_50" src="/static/imghw/default1.png" alt="AI Clothes Remover" />
											</a>
											<div class="phpmain_tab2_mids_info">
												<a href="https://www.php.cn/fr/ai/ai-clothes-remover" title="AI Clothes Remover" class="phpmain_tab2_mids_title">
													<h3>AI Clothes Remover</h3>
												</a>
												<p>Outil d'IA en ligne pour supprimer les vêtements des photos.</p>
											</div>
										</div>
																		<div class="phpmain_tab2_mids_top">
											<a href="https://www.php.cn/fr/ai/undress-ai-tool" title="Undress AI Tool" class="phpmain_tab2_mids_top_img">
												<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
													onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
													class="lazy"  data-src="https://img.php.cn/upload/ai_manual/001/246/273/173410641626608.jpg?x-oss-process=image/resize,m_fill,h_50,w_50" src="/static/imghw/default1.png" alt="Undress AI Tool" />
											</a>
											<div class="phpmain_tab2_mids_info">
												<a href="https://www.php.cn/fr/ai/undress-ai-tool" title="Undress AI Tool" class="phpmain_tab2_mids_title">
													<h3>Undress AI Tool</h3>
												</a>
												<p>Images de déshabillage gratuites</p>
											</div>
										</div>
																		<div class="phpmain_tab2_mids_top">
											<a href="https://www.php.cn/fr/ai/clothoffio" title="Clothoff.io" class="phpmain_tab2_mids_top_img">
												<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
													onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
													class="lazy"  data-src="https://img.php.cn/upload/ai_manual/001/246/273/173411529149311.jpg?x-oss-process=image/resize,m_fill,h_50,w_50" src="/static/imghw/default1.png" alt="Clothoff.io" />
											</a>
											<div class="phpmain_tab2_mids_info">
												<a href="https://www.php.cn/fr/ai/clothoffio" title="Clothoff.io" class="phpmain_tab2_mids_title">
													<h3>Clothoff.io</h3>
												</a>
												<p>Dissolvant de vêtements AI</p>
											</div>
										</div>
																		<div class="phpmain_tab2_mids_top">
											<a href="https://www.php.cn/fr/ai/ai-hentai-generator" title="AI Hentai Generator" class="phpmain_tab2_mids_top_img">
												<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
													onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
													class="lazy"  data-src="https://img.php.cn/upload/ai_manual/001/246/273/173405034393877.jpg?x-oss-process=image/resize,m_fill,h_50,w_50" src="/static/imghw/default1.png" alt="AI Hentai Generator" />
											</a>
											<div class="phpmain_tab2_mids_info">
												<a href="https://www.php.cn/fr/ai/ai-hentai-generator" title="AI Hentai Generator" class="phpmain_tab2_mids_title">
													<h3>AI Hentai Generator</h3>
												</a>
												<p>Générez AI Hentai gratuitement.</p>
											</div>
										</div>
																</div>
								<div class="phpgenera_Details_mainR3_more">
									<a href="https://www.php.cn/fr/ai">Afficher plus</a>
								</div>
							</div>
						</div>

<div class="phpgenera_Details_mainR4">
						<div class="phpmain1_4R_readrank">
							<div class="phpmain1_4R_readrank_top">
								<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
									onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
									src="/static/imghw/hotarticle2.png" alt="" />
								<h2>Article chaud</h2>
							</div>
							<div class="phpgenera_Details_mainR4_bottom">
															<div class="phpgenera_Details_mainR4_bottoms">
									<a href="https://www.php.cn/fr/faq/1796780570.html" title="R.E.P.O. Crystals d'énergie expliqués et ce qu'ils font (cristal jaune)" class="phpgenera_Details_mainR4_bottom_title">R.E.P.O. Crystals d'énergie expliqués et ce qu'ils font (cristal jaune)</a>
									<div class="phpgenera_Details_mainR4_bottoms_info">
										<span>2 Il y a quelques semaines</span>
										<span>By 尊渡假赌尊渡假赌尊渡假赌</span>
									</div>
								</div>
															<div class="phpgenera_Details_mainR4_bottoms">
									<a href="https://www.php.cn/fr/faq/1796773439.html" title="Repo: Comment relancer ses coéquipiers" class="phpgenera_Details_mainR4_bottom_title">Repo: Comment relancer ses coéquipiers</a>
									<div class="phpgenera_Details_mainR4_bottoms_info">
										<span>4 Il y a quelques semaines</span>
										<span>By 尊渡假赌尊渡假赌尊渡假赌</span>
									</div>
								</div>
															<div class="phpgenera_Details_mainR4_bottoms">
									<a href="https://www.php.cn/fr/faq/1796774171.html" title="Hello Kitty Island Adventure: Comment obtenir des graines géantes" class="phpgenera_Details_mainR4_bottom_title">Hello Kitty Island Adventure: Comment obtenir des graines géantes</a>
									<div class="phpgenera_Details_mainR4_bottoms_info">
										<span>4 Il y a quelques semaines</span>
										<span>By 尊渡假赌尊渡假赌尊渡假赌</span>
									</div>
								</div>
															<div class="phpgenera_Details_mainR4_bottoms">
									<a href="https://www.php.cn/fr/faq/1796775427.html" title="Combien de temps faut-il pour battre Split Fiction?" class="phpgenera_Details_mainR4_bottom_title">Combien de temps faut-il pour battre Split Fiction?</a>
									<div class="phpgenera_Details_mainR4_bottoms_info">
										<span>3 Il y a quelques semaines</span>
										<span>By DDD</span>
									</div>
								</div>
															<div class="phpgenera_Details_mainR4_bottoms">
									<a href="https://www.php.cn/fr/faq/1796775336.html" title="R.E.P.O. Enregistrer l'emplacement du fichier: où est-il et comment le protéger?" class="phpgenera_Details_mainR4_bottom_title">R.E.P.O. Enregistrer l'emplacement du fichier: où est-il et comment le protéger?</a>
									<div class="phpgenera_Details_mainR4_bottoms_info">
										<span>3 Il y a quelques semaines</span>
										<span>By DDD</span>
									</div>
								</div>
														</div>
							<div class="phpgenera_Details_mainR3_more">
								<a href="https://www.php.cn/fr/article.html">Afficher plus</a>
							</div>
						</div>
					</div>

<div class="phpgenera_Details_mainR3">
							<div class="phpmain1_4R_readrank">
								<div class="phpmain1_4R_readrank_top">
									<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
										onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
										src="/static/imghw/hottools2.png" alt="" />
									<h2>Outils chauds</h2>
								</div>
								<div class="phpgenera_Details_mainR3_bottom">
																		<div class="phpmain_tab2_mids_top">
											<a href="https://www.php.cn/fr/toolset/development-tools/92" title="Bloc-notes++7.3.1" class="phpmain_tab2_mids_top_img">
												<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
													onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
													class="lazy"  data-src="https://img.php.cn/upload/manual/000/000/001/58ab96f0f39f7357.jpg?x-oss-process=image/resize,m_fill,h_50,w_72" src="/static/imghw/default1.png" alt="Bloc-notes++7.3.1" />
											</a>
											<div class="phpmain_tab2_mids_info">
												<a href="https://www.php.cn/fr/toolset/development-tools/92" title="Bloc-notes++7.3.1" class="phpmain_tab2_mids_title">
													<h3>Bloc-notes++7.3.1</h3>
												</a>
												<p>Éditeur de code facile à utiliser et gratuit</p>
											</div>
										</div>
																			<div class="phpmain_tab2_mids_top">
											<a href="https://www.php.cn/fr/toolset/development-tools/93" title="SublimeText3 version chinoise" class="phpmain_tab2_mids_top_img">
												<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
													onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
													class="lazy"  data-src="https://img.php.cn/upload/manual/000/000/001/58ab97a3baad9677.jpg?x-oss-process=image/resize,m_fill,h_50,w_72" src="/static/imghw/default1.png" alt="SublimeText3 version chinoise" />
											</a>
											<div class="phpmain_tab2_mids_info">
												<a href="https://www.php.cn/fr/toolset/development-tools/93" title="SublimeText3 version chinoise" class="phpmain_tab2_mids_title">
													<h3>SublimeText3 version chinoise</h3>
												</a>
												<p>Version chinoise, très simple à utiliser</p>
											</div>
										</div>
																			<div class="phpmain_tab2_mids_top">
											<a href="https://www.php.cn/fr/toolset/development-tools/121" title="Envoyer Studio 13.0.1" class="phpmain_tab2_mids_top_img">
												<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
													onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
													class="lazy"  data-src="https://img.php.cn/upload/manual/000/000/001/58ab97ecd1ab2670.jpg?x-oss-process=image/resize,m_fill,h_50,w_72" src="/static/imghw/default1.png" alt="Envoyer Studio 13.0.1" />
											</a>
											<div class="phpmain_tab2_mids_info">
												<a href="https://www.php.cn/fr/toolset/development-tools/121" title="Envoyer Studio 13.0.1" class="phpmain_tab2_mids_title">
													<h3>Envoyer Studio 13.0.1</h3>
												</a>
												<p>Puissant environnement de développement intégré PHP</p>
											</div>
										</div>
																			<div class="phpmain_tab2_mids_top">
											<a href="https://www.php.cn/fr/toolset/development-tools/469" title="Dreamweaver CS6" class="phpmain_tab2_mids_top_img">
												<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
													onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
													class="lazy"  data-src="https://img.php.cn/upload/manual/000/000/001/58d0e0fc74683535.jpg?x-oss-process=image/resize,m_fill,h_50,w_72" src="/static/imghw/default1.png" alt="Dreamweaver CS6" />
											</a>
											<div class="phpmain_tab2_mids_info">
												<a href="https://www.php.cn/fr/toolset/development-tools/469" title="Dreamweaver CS6" class="phpmain_tab2_mids_title">
													<h3>Dreamweaver CS6</h3>
												</a>
												<p>Outils de développement Web visuel</p>
											</div>
										</div>
																			<div class="phpmain_tab2_mids_top">
											<a href="https://www.php.cn/fr/toolset/development-tools/500" title="SublimeText3 version Mac" class="phpmain_tab2_mids_top_img">
												<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
													onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
													class="lazy"  data-src="https://img.php.cn/upload/manual/000/000/001/58d34035e2757995.png?x-oss-process=image/resize,m_fill,h_50,w_72" src="/static/imghw/default1.png" alt="SublimeText3 version Mac" />
											</a>
											<div class="phpmain_tab2_mids_info">
												<a href="https://www.php.cn/fr/toolset/development-tools/500" title="SublimeText3 version Mac" class="phpmain_tab2_mids_title">
													<h3>SublimeText3 version Mac</h3>
												</a>
												<p>Logiciel d'édition de code au niveau de Dieu (SublimeText3)</p>
											</div>
										</div>
																	</div>
								<div class="phpgenera_Details_mainR3_more">
									<a href="https://www.php.cn/fr/ai">Afficher plus</a>
								</div>
							</div>
						</div>

<div class="phpgenera_Details_mainR4">
						<div class="phpmain1_4R_readrank">
							<div class="phpmain1_4R_readrank_top">
								<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
									onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
									src="/static/imghw/hotarticle2.png" alt="" />
								<h2>Sujets chauds</h2>
							</div>
							<div class="phpgenera_Details_mainR4_bottom">
															<div class="phpgenera_Details_mainR4_bottoms">
									<a href="https://www.php.cn/fr/faq/gmailyxdlrkzn" title="Où se trouve l'entrée de connexion pour la messagerie Gmail ?" class="phpgenera_Details_mainR4_bottom_title">Où se trouve l'entrée de connexion pour la messagerie Gmail ?</a>
									<div class="phpgenera_Details_mainR4_bottoms_info">
										<div class="phpgenera_Details_mainR4_bottoms_infos">
											<img src="/static/imghw/eyess.png" alt="" />
											<span>7322</span>
										</div>
										<div class="phpgenera_Details_mainR4_bottoms_infos">
											<img src="/static/imghw/tiezi.png" alt="" />
											<span>9</span>
										</div>
									</div>
								</div>
															<div class="phpgenera_Details_mainR4_bottoms">
									<a href="https://www.php.cn/fr/faq/java-tutorial" title="Tutoriel Java" class="phpgenera_Details_mainR4_bottom_title">Tutoriel Java</a>
									<div class="phpgenera_Details_mainR4_bottoms_info">
										<div class="phpgenera_Details_mainR4_bottoms_infos">
											<img src="/static/imghw/eyess.png" alt="" />
											<span>1625</span>
										</div>
										<div class="phpgenera_Details_mainR4_bottoms_infos">
											<img src="/static/imghw/tiezi.png" alt="" />
											<span>14</span>
										</div>
									</div>
								</div>
															<div class="phpgenera_Details_mainR4_bottoms">
									<a href="https://www.php.cn/fr/faq/cakephp-tutor" title="Tutoriel CakePHP" class="phpgenera_Details_mainR4_bottom_title">Tutoriel CakePHP</a>
									<div class="phpgenera_Details_mainR4_bottoms_info">
										<div class="phpgenera_Details_mainR4_bottoms_infos">
											<img src="/static/imghw/eyess.png" alt="" />
											<span>1350</span>
										</div>
										<div class="phpgenera_Details_mainR4_bottoms_infos">
											<img src="/static/imghw/tiezi.png" alt="" />
											<span>46</span>
										</div>
									</div>
								</div>
															<div class="phpgenera_Details_mainR4_bottoms">
									<a href="https://www.php.cn/fr/faq/laravel-tutori" title="Tutoriel Laravel" class="phpgenera_Details_mainR4_bottom_title">Tutoriel Laravel</a>
									<div class="phpgenera_Details_mainR4_bottoms_info">
										<div class="phpgenera_Details_mainR4_bottoms_infos">
											<img src="/static/imghw/eyess.png" alt="" />
											<span>1262</span>
										</div>
										<div class="phpgenera_Details_mainR4_bottoms_infos">
											<img src="/static/imghw/tiezi.png" alt="" />
											<span>25</span>
										</div>
									</div>
								</div>
															<div class="phpgenera_Details_mainR4_bottoms">
									<a href="https://www.php.cn/fr/faq/php-tutorial" title="Tutoriel PHP" class="phpgenera_Details_mainR4_bottom_title">Tutoriel PHP</a>
									<div class="phpgenera_Details_mainR4_bottoms_info">
										<div class="phpgenera_Details_mainR4_bottoms_infos">
											<img src="/static/imghw/eyess.png" alt="" />
											<span>1209</span>
										</div>
										<div class="phpgenera_Details_mainR4_bottoms_infos">
											<img src="/static/imghw/tiezi.png" alt="" />
											<span>29</span>
										</div>
									</div>
								</div>
														</div>
							<div class="phpgenera_Details_mainR3_more">
								<a href="https://www.php.cn/fr/faq/zt">Afficher plus</a>
							</div>
						</div>
					</div>
				</div>
			</div>
							<div class="Article_Details_main2">
					<div class="phpgenera_Details_mainL4">
						<div class="phpmain1_2_top">
							<a href="javascript:void(0);" class="phpmain1_2_top_title">Related knowledge<img
									src="/static/imghw/index2_title2.png" alt="" /></a>
						</div>
						<div class="phpgenera_Details_mainL4_info">

<div class="phphistorical_Version2_mids">
								<a href="https://www.php.cn/fr/faq/561448.html" title="Développer l'applet WeChat en utilisant Python" class="phphistorical_Version2_mids_img">
									<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
										src="/static/imghw/default1.png" class="lazy"  data-src="https://img.php.cn/upload/article/000/887/227/168699808785682.jpg?x-oss-process=image/resize,m_fill,h_207,w_330" alt="Développer l'applet WeChat en utilisant Python" />
								</a>
								<a href="https://www.php.cn/fr/faq/561448.html" title="Développer l'applet WeChat en utilisant Python" class="phphistorical_Version2_mids_title">Développer l'applet WeChat en utilisant Python</a>
								<span class="Articlelist_txts_time">Jun 17, 2023 pm	 06:34 PM</span>
								<p class="Articlelist_txts_p">Avec la popularité de la technologie Internet mobile et des smartphones, WeChat est devenu une application indispensable dans la vie des gens. Les mini-programmes WeChat permettent aux gens d'utiliser directement des mini-programmes pour résoudre certains besoins simples sans télécharger ni installer d'applications. Cet article explique comment utiliser Python pour développer l'applet WeChat. 1. Préparation Avant d'utiliser Python pour développer l'applet WeChat, vous devez installer la bibliothèque Python appropriée. Il est recommandé d'utiliser ici les deux bibliothèques wxpy et itchat. wxpy est une machine WeChat</p>
							</div>
														<div class="phphistorical_Version2_mids">
								<a href="https://www.php.cn/fr/faq/499581.html" title="Les petits programmes peuvent-ils réagir ?" class="phphistorical_Version2_mids_img">
									<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
										src="/static/imghw/default1.png" class="lazy"  data-src="https://img.php.cn/upload/article/202212/29/2022122911012413779.jpg?x-oss-process=image/resize,m_fill,h_207,w_330" alt="Les petits programmes peuvent-ils réagir ?" />
								</a>
								<a href="https://www.php.cn/fr/faq/499581.html" title="Les petits programmes peuvent-ils réagir ?" class="phphistorical_Version2_mids_title">Les petits programmes peuvent-ils réagir ?</a>
								<span class="Articlelist_txts_time">Dec 29, 2022 am	 11:06 AM</span>
								<p class="Articlelist_txts_p">Les mini-programmes peuvent utiliser React. Comment l'utiliser : 1. Implémentez un moteur de rendu basé sur "react-reconciler" et générez un DSL ; 2. Créez un mini composant de programme pour analyser et restituer le DSL 3. Installez npm et exécutez le développeur Build ; npm dans l'outil ; 4. Introduisez le package dans votre propre page, puis utilisez l'API pour terminer le développement.</p>
							</div>
														<div class="phphistorical_Version2_mids">
								<a href="https://www.php.cn/fr/faq/629516.html" title="Implémenter des effets de retournement de cartes dans les mini-programmes WeChat" class="phphistorical_Version2_mids_img">
									<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
										src="/static/imghw/default1.png" class="lazy"  data-src="https://img.php.cn/upload/article/000/000/164/170053532674944.jpg?x-oss-process=image/resize,m_fill,h_207,w_330" alt="Implémenter des effets de retournement de cartes dans les mini-programmes WeChat" />
								</a>
								<a href="https://www.php.cn/fr/faq/629516.html" title="Implémenter des effets de retournement de cartes dans les mini-programmes WeChat" class="phphistorical_Version2_mids_title">Implémenter des effets de retournement de cartes dans les mini-programmes WeChat</a>
								<span class="Articlelist_txts_time">Nov 21, 2023 am	 10:55 AM</span>
								<p class="Articlelist_txts_p">Implémentation d'effets de retournement de cartes dans les mini-programmes WeChat Dans les mini-programmes WeChat, la mise en œuvre d'effets de retournement de cartes est un effet d'animation courant qui peut améliorer l'expérience utilisateur et l'attractivité des interactions d'interface. Ce qui suit présentera en détail comment implémenter l'effet de retournement de carte dans l'applet WeChat et fournira des exemples de code pertinents. Tout d'abord, vous devez définir deux éléments de carte dans le fichier de mise en page du mini-programme, un pour afficher le contenu avant et un pour afficher le contenu arrière. L'exemple de code spécifique est le suivant : &lt;!--index.wxml-. -&gt;&l</p>
							</div>
														<div class="phphistorical_Version2_mids">
								<a href="https://www.php.cn/fr/faq/620863.html" title="Comment Uniapp réalise une conversion rapide entre les mini-programmes et H5" class="phphistorical_Version2_mids_img">
									<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
										src="/static/imghw/default1.png" class="lazy"  data-src="https://img.php.cn/upload/article/000/887/227/169778234413172.jpg?x-oss-process=image/resize,m_fill,h_207,w_330" alt="Comment Uniapp réalise une conversion rapide entre les mini-programmes et H5" />
								</a>
								<a href="https://www.php.cn/fr/faq/620863.html" title="Comment Uniapp réalise une conversion rapide entre les mini-programmes et H5" class="phphistorical_Version2_mids_title">Comment Uniapp réalise une conversion rapide entre les mini-programmes et H5</a>
								<span class="Articlelist_txts_time">Oct 20, 2023 pm	 02:12 PM</span>
								<p class="Articlelist_txts_p">La manière dont Uniapp peut réaliser une conversion rapide entre les mini-programmes et le H5 nécessite des exemples de code spécifiques. Ces dernières années, avec le développement de l'Internet mobile et la popularité des smartphones, les mini-programmes et le H5 sont devenus des formulaires de candidature indispensables. En tant que cadre de développement multiplateforme, uniapp peut réaliser rapidement la conversion entre les petits programmes et H5 sur la base d'un ensemble de codes, améliorant considérablement l'efficacité du développement. Cet article présentera comment Uniapp peut réaliser une conversion rapide entre les mini-programmes et H5, et donnera des exemples de code spécifiques. 1. Introduction à uniapp unia</p>
							</div>
														<div class="phphistorical_Version2_mids">
								<a href="https://www.php.cn/fr/faq/623955.html" title="Alipay a lancé le mini-programme « Chinese Character Picking-Rare Characters » pour collecter et compléter la bibliothèque de personnages rares." class="phphistorical_Version2_mids_img">
									<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
										src="/static/imghw/default1.png" class="lazy"  data-src="https://img.php.cn/upload/article/000/465/014/169875871676361.png?x-oss-process=image/resize,m_fill,h_207,w_330" alt="Alipay a lancé le mini-programme « Chinese Character Picking-Rare Characters » pour collecter et compléter la bibliothèque de personnages rares." />
								</a>
								<a href="https://www.php.cn/fr/faq/623955.html" title="Alipay a lancé le mini-programme « Chinese Character Picking-Rare Characters » pour collecter et compléter la bibliothèque de personnages rares." class="phphistorical_Version2_mids_title">Alipay a lancé le mini-programme « Chinese Character Picking-Rare Characters » pour collecter et compléter la bibliothèque de personnages rares.</a>
								<span class="Articlelist_txts_time">Oct 31, 2023 pm	 09:25 PM</span>
								<p class="Articlelist_txts_p">Selon les informations de ce site du 31 octobre, le 27 mai de cette année, Ant Group a annoncé le lancement du « Projet de sélection de caractères chinois » et a récemment inauguré de nouveaux progrès : Alipay a lancé le mini-programme « Sélection de caractères chinois-Caractères rares ». pour collecter des collections de la société Les personnages rares complètent la bibliothèque de personnages rares et offrent différentes expériences de saisie pour les personnages rares afin d'aider à améliorer la méthode de saisie des caractères rares dans Alipay. Actuellement, les utilisateurs peuvent accéder à l'applet « Caractères peu communs » en recherchant des mots-clés tels que « capture de caractères chinois » et « caractères rares ». Dans le mini-programme, les utilisateurs peuvent soumettre des images de caractères rares qui n'ont pas été reconnus et saisis par le système. Après confirmation, les ingénieurs d'Alipay effectueront des entrées supplémentaires dans la bibliothèque de polices. Ce site Web a remarqué que les utilisateurs peuvent également découvrir la dernière méthode de saisie par fractionnement de mots dans le mini-programme. Cette méthode de saisie est conçue pour les mots rares dont la prononciation n'est pas claire. Démantèlement utilisateur</p>
							</div>
														<div class="phphistorical_Version2_mids">
								<a href="https://www.php.cn/fr/faq/608139.html" title="Comment gérer l'enregistrement du mini-programme" class="phphistorical_Version2_mids_img">
									<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
										src="/static/imghw/default1.png" class="lazy"  data-src="https://img.php.cn/upload/article/202309/13/2023091316263518882.jpg?x-oss-process=image/resize,m_fill,h_207,w_330" alt="Comment gérer l'enregistrement du mini-programme" />
								</a>
								<a href="https://www.php.cn/fr/faq/608139.html" title="Comment gérer l'enregistrement du mini-programme" class="phphistorical_Version2_mids_title">Comment gérer l'enregistrement du mini-programme</a>
								<span class="Articlelist_txts_time">Sep 13, 2023 pm	 04:36 PM</span>
								<p class="Articlelist_txts_p">Étapes de l'opération d'enregistrement du mini-programme : 1. Préparez des copies des cartes d'identité personnelles, des licences commerciales, des cartes d'identité des personnes morales et d'autres documents de classement ; 2. Connectez-vous à l'arrière-plan de gestion du mini-programme ; 3. Accédez à la page des paramètres du mini-programme ; Sélectionnez " "Paramètres de base" ; 5. Remplissez les informations de dépôt ; 6. Téléchargez les documents de dépôt ; 7. Soumettez la demande de dépôt ; 8. Attendez les résultats de l'examen. Si le dépôt n'est pas accepté, apportez des modifications en fonction des raisons. et soumettre à nouveau la demande de dépôt; 9. Les opérations de suivi du dépôt sont celles du Can.</p>
							</div>
														<div class="phphistorical_Version2_mids">
								<a href="https://www.php.cn/fr/faq/556932.html" title="Introduction au développement d'applets WeChat en langage Java" class="phphistorical_Version2_mids_img">
									<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
										src="/static/imghw/default1.png" class="lazy"  data-src="https://img.php.cn/upload/article/000/887/227/168632164697009.jpg?x-oss-process=image/resize,m_fill,h_207,w_330" alt="Introduction au développement d'applets WeChat en langage Java" />
								</a>
								<a href="https://www.php.cn/fr/faq/556932.html" title="Introduction au développement d'applets WeChat en langage Java" class="phphistorical_Version2_mids_title">Introduction au développement d'applets WeChat en langage Java</a>
								<span class="Articlelist_txts_time">Jun 09, 2023 pm	 10:40 PM</span>
								<p class="Articlelist_txts_p">L'applet WeChat est une application légère qui peut être exécutée sur la plateforme WeChat. Elle ne nécessite ni téléchargement ni installation, ce qui est pratique et rapide. Le langage Java, en tant que langage largement utilisé dans le développement d'applications au niveau de l'entreprise, peut également être utilisé pour le développement d'applets WeChat. En langage Java, vous pouvez utiliser le framework SpringBoot et des boîtes à outils tierces pour développer des applets WeChat. Ce qui suit est un processus simple de développement d’applets WeChat. Pour créer un mini programme WeChat, vous devez d’abord enregistrer un mini programme sur la plateforme publique WeChat. Après une inscription réussie, vous pouvez obtenir</p>
							</div>
														<div class="phphistorical_Version2_mids">
								<a href="https://www.php.cn/fr/faq/533570.html" title="Tutoriel sur l'écriture d'un programme de chat simple en Python" class="phphistorical_Version2_mids_img">
									<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
										src="/static/imghw/default1.png" class="lazy"  data-src="https://img.php.cn/upload/article/000/887/227/168354222945345.png?x-oss-process=image/resize,m_fill,h_207,w_330" alt="Tutoriel sur l'écriture d'un programme de chat simple en Python" />
								</a>
								<a href="https://www.php.cn/fr/faq/533570.html" title="Tutoriel sur l'écriture d'un programme de chat simple en Python" class="phphistorical_Version2_mids_title">Tutoriel sur l'écriture d'un programme de chat simple en Python</a>
								<span class="Articlelist_txts_time">May 08, 2023 pm	 06:37 PM</span>
								<p class="Articlelist_txts_p">Idée d'implémentation x01 Mise en place du serveur Tout d'abord, côté serveur, le socket est utilisé pour accepter les messages. Chaque fois qu'une demande de socket est acceptée, un nouveau thread est ouvert pour gérer la distribution et l'acceptation des messages. En même temps, il y a un gestionnaire. pour gérer tous les Threads, réalisant ainsi le traitement des diverses fonctions du salon de discussion. La mise en place du client x02 est beaucoup plus simple que celle du serveur. La fonction du client est uniquement d'envoyer et de recevoir des messages, et de saisir des caractères spécifiques en fonction. règles spécifiques. Pour pouvoir utiliser différentes fonctions, il suffit donc, côté client, d'utiliser deux threads, l'un est dédié à la réception de messages et l'autre à l'envoi de messages. Quant à pourquoi ne pas en utiliser un, celui-là. c'est parce que, seulement</p>
							</div>
													</div>

<a href="https://www.php.cn/fr/weixin-marketing.html" class="phpgenera_Details_mainL4_botton">
								<span>See all articles</span>
								<img src="/static/imghw/down_right.png" alt="" />
							</a>
											</div>
				</div>
					</div>
	</main>
	<footer>
    <div class="footer">
        <div class="footertop">
            <img src="/static/imghw/logo.png" alt="">
            <p>Formation PHP en ligne sur le bien-être public，Aidez les apprenants PHP à grandir rapidement！</p>
        </div>
        <div class="footermid">
            <a href="https://www.php.cn/fr/about/us.html">À propos de nous</a>
            <a href="https://www.php.cn/fr/about/disclaimer.html">Clause de non-responsabilité</a>
            <a href="https://www.php.cn/fr/update/article_0_1.html">Sitemap</a>
        </div>
        <div class="footerbottom">
            <p>
                © php.cn All rights reserved
            </p>
        </div>
    </div>
</footer>

<input type="hidden" id="verifycode" value="/captcha.html">
<script>layui.use(['element', 'carousel'], function () {var element = layui.element;$ = layui.jquery;var carousel = layui.carousel;carousel.render({elem: '#test1', width: '100%', height: '330px', arrow: 'always'});$.getScript('/static/js/jquery.lazyload.min.js', function () {$("img").lazyload({placeholder: "/static/images/load.jpg", effect: "fadeIn", threshold: 200, skip_invisible: false});});});</script>

document.addEventListener("DOMContentLoaded", (event) => {
			// 定义一个函数来处理滚动链接的点击事件
			function setupScrollLink(scrollLinkId, targetElementId) {
				const scrollLink = document.getElementById(scrollLinkId);
				const targetElement = document.getElementById(targetElementId);

if (scrollLink && targetElement) {
					scrollLink.addEventListener("click", (e) => {
						e.preventDefault(); // 阻止默认链接行为
						targetElement.scrollIntoView({
							behavior: "smooth"
						}); // 平滑滚动到目标元素
					});
				} else {
					console.warn(
						`Either scroll link with ID '${scrollLinkId}' or target element with ID '${targetElementId}' not found.`
						);
				}
			}

// 使用该函数设置多个滚动链接
			setupScrollLink("Article_Details_main1L2s_1", "article_main_title1");
			setupScrollLink("Article_Details_main1L2s_2", "article_main_title2");
			setupScrollLink("Article_Details_main1L2s_3", "article_main_title3");
			setupScrollLink("Article_Details_main1L2s_4", "article_main_title4");
			setupScrollLink("Article_Details_main1L2s_5", "article_main_title5");
			setupScrollLink("Article_Details_main1L2s_6", "article_main_title6");
			// 可以继续添加更多的滚动链接设置
		});

window.addEventListener("scroll", function () {
			var fixedElement = document.getElementById("Article_Details_main1Lmain");
			var scrollTop = window.scrollY || document.documentElement.scrollTop; // 兼容不同浏览器
			var clientHeight = window.innerHeight || document.documentElement.clientHeight; // 视口高度
			var scrollHeight = document.documentElement.scrollHeight; // 页面总高度

// 计算距离底部的距离
			var distanceToBottom = scrollHeight - scrollTop - clientHeight;

// 当距离底部小于或等于300px时，取消固定定位
			if (distanceToBottom <= 980) {
				fixedElement.classList.remove("Article_Details_main1Lmain");
				fixedElement.classList.add("Article_Details_main1Lmain_relative");
			} else {
				// 否则，保持固定定位
				fixedElement.classList.remove("Article_Details_main1Lmain_relative");
				fixedElement.classList.add("Article_Details_main1Lmain");
      		}
    	});

</script>
</body>

</html>